Put back reload button in logger's "Details" dialog

Related feedback: - uBlockOrigin/uBlock-issues#2497 (comment)
gorhill · Feb 24, 2023 · 191f2f0 · 191f2f0
1 parent 09b7ab3
commit 191f2f0
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/src/css/logger-ui.css b/src/css/logger-ui.css
@@ -600,6 +600,7 @@ body[dir="rtl"] .closeButton {
 .netFilteringDialog > .headers > .tools {
     bottom: 0;
     display: flex;
+    height: 100%;
     position: absolute;
     }
 body[dir="ltr"] .netFilteringDialog > .headers > .tools {
@@ -609,8 +610,8 @@ body[dir="rtl"] .netFilteringDialog > .headers > .tools {
     left: 0;
     }
 .netFilteringDialog > .headers > .tools > span {
-    color: var(--ink-4);
-        fill: var(--ink-4);
+    color: var(--ink-3);
+        fill: var(--ink-3);
     cursor: pointer;
     font-size: 1.5em;
     padding: 0 0.25em;

diff --git a/src/js/logger-ui.js b/src/js/logger-ui.js
@@ -1519,6 +1519,17 @@ dom.on(document, 'keydown', ev => {
             });
             return;
         }
+
+        // Reload tab associated with event
+        if ( tcl.contains('reload') ) {
+            ev.stopPropagation();
+            messaging.send('loggerUI', {
+                what: 'reloadTab',
+                tabId: targetTabId,
+                bypassCache: ev.ctrlKey || ev.metaKey || ev.shiftKey,
+            });
+            return;
+        }
     };
 
     const onSelectChange = function(ev) {

diff --git a/src/logger-ui.html b/src/logger-ui.html
@@ -116,7 +116,7 @@
             <span class="header details" data-pane="details" data-i18n="loggerEntryDetailsHeader"></span>
             <span class="header dynamic" data-pane="dynamic" data-i18n="loggerURLFilteringHeader"></span>
             <span class="header static" data-pane="static" data-i18n="loggerStaticFilteringHeader"></span>
-            <span class="tools"><span class="fa-icon picker">eye-dropper</span></span>
+            <span class="tools"><span class="fa-icon picker">eye-dropper</span><span class="fa-icon reload">refresh</span></span>
         </div>
         <div class="panes">
             <div class="pane details" data-pane="details">