Fix popup panel rendering when embedded in logger

Related issue: uBlockOrigin/uBlock-issues#3015
gorhill · Dec 9, 2023 · 4183ce4 · 4183ce4
1 parent af0a3f4
commit 4183ce4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/css/logger-ui.css b/src/css/logger-ui.css
@@ -488,7 +488,7 @@ body[dir="rtl"] .closeButton {
     border: 1px solid gray;
     bottom: 0;
     display: none;
-    max-height: 70vh;
+    max-height: min(800px, calc(100vh - 2rem));
     min-width: 360px;
     overflow: hidden;
     position: fixed;

diff --git a/src/css/popup-fenix.css b/src/css/popup-fenix.css
@@ -736,7 +736,7 @@ body:not([data-more*="e"]) [data-more="e"] {
     min-width: unset;
     overflow-y: hidden;
     }
-:root.portrait #firewall-vspacer {
+:root.portrait body[data-more*="e"] #firewall-vspacer {
     display: block;
     }
 

diff --git a/src/js/popup-fenix.js b/src/js/popup-fenix.js
@@ -1479,6 +1479,7 @@ const getPopupData = async function(tabId, first = false) {
             selfURL.searchParams.get('portrait')
         ) {
             dom.cl.add(dom.root, 'portrait');
+            dom.cl.remove(dom.root, 'desktop');
         } else if ( dom.cl.has(dom.root, 'desktop') ) {
             await nextFrames(8);
             const main = qs$('#main');