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');