Browse Source

fix small popup panel glitch when first opened + minor cosmetic changes

pull/2/head
gorhill 7 years ago
parent
commit
878d4fa6d5
  1. 5
      src/css/popup.css
  2. 33
      src/js/popup.js

5
src/css/popup.css

@ -385,11 +385,6 @@ body.globalScope .toolbar .scopeRel {
padding: 0; padding: 0;
/* background-color: rgba(0,0,0,0.05); */ /* background-color: rgba(0,0,0,0.05); */
} }
.matrix .matGroup .matSection:first-child {
margin-top: 2px;
border-top: 1px dotted #ccc;
padding-top: 1px;
}
.matrix .matGroup.g0 .matSection:first-child { .matrix .matGroup.g0 .matSection:first-child {
margin-top: 0; margin-top: 0;
} }

33
src/js/popup.js

@ -32,6 +32,22 @@
/******************************************************************************/ /******************************************************************************/
/******************************************************************************/ /******************************************************************************/
var paneContentPaddingTop;
try {
paneContentPaddingTop = localStorage.getItem('paneContentPaddingTop');
} catch(ex) {
}
if ( typeof paneContentPaddingTop === 'string' ) {
document.querySelector('.paneContent').style.setProperty(
'padding-top',
paneContentPaddingTop
);
}
/******************************************************************************/
/******************************************************************************/
// Must be consistent with definitions in matrix.js // Must be consistent with definitions in matrix.js
var Pale = 0x00; var Pale = 0x00;
var Dark = 0x80; var Dark = 0x80;
@ -319,7 +335,6 @@ function toggleCollapseState(elem) {
} else { } else {
toggleSpecificCollapseState(elem); toggleSpecificCollapseState(elem);
} }
resizePopup();
} }
function toggleMainCollapseState(uelem) { function toggleMainCollapseState(uelem) {
@ -398,7 +413,6 @@ function updateMatrixColors() {
expandos = expandosFromNode(cell); expandos = expandosFromNode(cell);
addCellClass(cell, expandos.hostname, expandos.reqType); addCellClass(cell, expandos.hostname, expandos.reqType);
} }
resizePopup();
} }
/******************************************************************************/ /******************************************************************************/
@ -989,9 +1003,7 @@ function makeMatrixGroup4(group) {
var makeMenu = function() { var makeMenu = function() {
var groupStats = getGroupStats(); var groupStats = getGroupStats();
if ( Object.keys(groupStats).length === 0 ) {
return;
}
if ( Object.keys(groupStats).length === 0 ) { return; }
// https://github.com/gorhill/httpswitchboard/issues/31 // https://github.com/gorhill/httpswitchboard/issues/31
if ( matrixCellHotspots ) { if ( matrixCellHotspots ) {
@ -1298,11 +1310,15 @@ var resizePopup = (function() {
var doc = document; var doc = document;
// Manually adjust the position of the main matrix according to the // Manually adjust the position of the main matrix according to the
// height of the toolbar/matrix header. // height of the toolbar/matrix header.
var paddingTop = (doc.querySelector('.paneHead').clientHeight + 2) + 'px';
doc.querySelector('.paneContent').style.setProperty( doc.querySelector('.paneContent').style.setProperty(
'padding-top', 'padding-top',
(doc.querySelector('.paneHead').clientHeight + 2) + 'px'
paddingTop
); );
doc.body.setAttribute('data-resize-popup', 'true');
try {
localStorage.setItem('paneContentPaddingTop', paddingTop);
} catch(ex) {
}
}; };
return function() { return function() {
if ( timer !== undefined ) { if ( timer !== undefined ) {
@ -1461,11 +1477,8 @@ uDom('#matList').on('click', '.g4Meta', function() {
.toggleClass('g4Collapsed') .toggleClass('g4Collapsed')
.hasClass('g4Collapsed'); .hasClass('g4Collapsed');
setUISetting('popupHideBlacklisted', collapsed); setUISetting('popupHideBlacklisted', collapsed);
resizePopup();
}); });
resizePopup();
/******************************************************************************/ /******************************************************************************/
})(); })();
Loading…
Cancel
Save