fix popup panel layout as per feedback: 39aeaa12a7 (commitcomment-22310294)

src/css/popup.css

@@ -29,13 +29,9 @@ h2 {
     cursor: pointer;
     font-size: 100%;
     font-weight: normal;
-    margin: 1em 0 0.8em 0;
     padding: 0.2em;
     text-align: center;
     }
-h2:first-of-type {
-    margin-top: 0;
-    }
 a {
     color: inherit;
     text-decoration: none;
@@ -150,6 +146,27 @@ p {
 body.off #switch .fa {
     color: #ccc;
     }
+#basicTools {
+    margin: 0.8em 0 0.4em 0;
+    }
+.tool:first-child {
+    margin-left: 0;
+    }
+.tool {
+    color: #aaa;
+    cursor: pointer;
+    visibility: hidden;
+    margin-left: 0.8em;
+    min-width: 1em;
+    padding: 0 0.2em;
+    unicode-bidi: embed;
+    }
+.tool.enabled {
+    visibility: visible;
+    }
+.tool.enabled:hover {
+    color: #444;
+    }
 #page-blocked {
     font-size: 1.25em;
     }
@@ -163,19 +180,6 @@ body.off #switch .fa {
     margin: 0;
     text-align: center;
     }
-.tool {
-    color: #aaa;
-    cursor: pointer;
-    display: none;
-    min-width: 1em;
-    unicode-bidi: embed;
-    }
-.tool.enabled {
-    display: inline-block;
-    }
-.tool:hover {
-    color: #444;
-    }
 #extraTools {
     background-color: #eee;
     border: 0;

src/js/popup.js

@@ -434,7 +434,7 @@ var renderPopup = function() {
     // https://github.com/gorhill/uBlock/issues/507
     // Convenience: open the logger with current tab automatically selected
     if ( popupData.tabId ) {
-        uDom.nodeFromSelector('.statName > a[href^="logger-ui.html"]').setAttribute(
+        uDom.nodeFromSelector('#basicTools > a[href^="logger-ui.html"]').setAttribute(
             'href',
             'logger-ui.html#tab_' + popupData.tabId
         );

src/js/traffic.js

@@ -375,11 +375,10 @@ var onBeforeBehindTheSceneRequest = function(details) {
 
     context.dispose();
 
-    // Not blocked
+    // Blocked?
-    if ( result !== 1 ) { return; }
+    if ( result === 1 ) {
-
+        return { 'cancel': true };
-    // Blocked
+    }
-    return { 'cancel': true };
 };
 
 /******************************************************************************/

src/popup.html

@@ -14,12 +14,14 @@
 <div id="panes">
     <div class="tooltipContainer">
         <p id="switch" data-i18n-tip="popupPowerSwitchInfo" data-tip-position="under"><span class="fa">&#xf011;</span></p>
+        <p id="basicTools">
+            <span id="gotoZap" class="fa tool" data-i18n-tip="popupTipZapper" data-tip-position="under">&#xf0e7;</span>
+            <span id="gotoPick" class="fa tool" data-i18n-tip="popupTipPicker" data-tip-position="under">&#xf1fb;</span>
+            <a href="logger-ui.html" class="fa tool enabled" data-i18n-tip="popupTipLog" data-tip-position="under">&#xf022;</a>
+        </p>
         <h2 id="dfToggler" data-i18n="popupBlockedRequestPrompt">&nbsp;</h2>
         <p class="statName">
-            <span data-i18n="popupBlockedOnThisPagePrompt">&nbsp;</span>&ensp;<!--
+            <span data-i18n="popupBlockedOnThisPagePrompt">&nbsp;</span>
-         --><span id="gotoZap" class="fa tool" data-i18n-tip="popupTipZapper">&#xf0e7;</span>&ensp;<!--
-         --><span id="gotoPick" class="fa tool" data-i18n-tip="popupTipPicker">&#xf1fb;</span>&ensp;<!--
-         --><a href="logger-ui.html" class="fa tool enabled" data-i18n-tip="popupTipLog">&#xf022;</a>
         </p>
         <p class="statValue" id="page-blocked">?</p>
         <div id="refresh" class="fa">&#xf021;</div>