Mirrors/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2024-09-29 22:27:12 +02:00
Code Issues Releases Wiki Activity

dfPanel JS

Browse Source
This commit is contained in:
Chris 2015-03-25 21:26:49 -05:00
parent 1fa533d794
commit 6f8cac8c8e
1 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/js/popup.js
View File

@ -47,9 +47,15 @@ document.querySelector('#panes > div:nth-of-type(2)').style.setProperty(
// The padlock must be manually positioned: // The padlock must be manually positioned:
// - It's vertical position depends on the height on the title bar. // - It's vertical position depends on the height on the title bar.
var gotoPrefsBottom = document.getElementById('gotoPrefs').getBoundingClientRect().bottom;
document.getElementById('saveRules').style.setProperty( document.getElementById('saveRules').style.setProperty(
'top', 'top',
(document.getElementById('gotoPrefs').getBoundingClientRect().bottom + 4) + 'px' (gotoPrefsBottom + 4) + 'px'
);
// The scope icons as well.
document.getElementById('scopeIcons').style.setProperty(
'top',
(gotoPrefsBottom) + 'px'
); );
// https://github.com/gorhill/uBlock/issues/996 // https://github.com/gorhill/uBlock/issues/996
@ -306,7 +312,7 @@ var buildAllFirewallRows = function() {
// Remove and reuse all rows: the order may have changed, we can't just // Remove and reuse all rows: the order may have changed, we can't just
// reuse them in-place. // reuse them in-place.
rowsToRecycle = uDom('#firewallContainer > div:nth-of-type(7) ~ div').detach(); rowsToRecycle = uDom('#firewallContainer > div:nth-of-type(8) ~ div').detach();
var n = allHostnameRows.length; var n = allHostnameRows.length;
for ( var i = 0; i < n; i++ ) { for ( var i = 0; i < n; i++ ) {
@ -320,13 +326,7 @@ var buildAllFirewallRows = function() {
.on('mouseleave', '[data-src]', mouseleaveCellHandler); .on('mouseleave', '[data-src]', mouseleaveCellHandler);
dfPaneBuilt = true; dfPaneBuilt = true;
} }
setTimeout(positionDfPaneFloaters, 50);
// The padlock must be manually positioned:
// - Its horizontal position depends on whether there is a vertical
// scrollbar.
var rect = document.getElementById('firewallContainer').getBoundingClientRect();
document.getElementById('saveRules').style.setProperty('left', (rect.left + 4) + 'px');
updateAllFirewallCells(); updateAllFirewallCells();
}; };
@ -382,6 +382,22 @@ var renderPrivacyExposure = function() {
/******************************************************************************/ /******************************************************************************/
var positionDfPaneFloaters = function() {
// The padlock must be manually positioned:
// - Its horizontal position depends on whether there is a vertical
// scrollbar.
var firewallContainer = document.getElementById('firewallContainer'),
scopeIcons = document.getElementById('scopeIcons'),
rect = firewallContainer.getBoundingClientRect(),
rectLeft = rect.left,
rectWidth = rect.width;
document.getElementById('saveRules').style.setProperty('left', (rectLeft + 4) + 'px');
// So must be the scope icons.
// - They need to match up with the table
scopeIcons.style.setProperty('left', rectLeft + 'px');
scopeIcons.style.setProperty('width', rectWidth + 'px');
};
// Assume everything has to be done incrementally. // Assume everything has to be done incrementally.
var renderPopup = function() { var renderPopup = function() {