Fix: Auto Hide - Bookmarkbar overlap at collapsed #457

black7375 · Aug 29, 2022 · 840ee04 · 840ee04
1 parent d118404
commit 840ee04
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 6 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
@@ -7390,6 +7390,12 @@
       --uc-navbar-height: 0px;
     }
   }
+
+  @supports selector(:has(a)) {
+    #navigator-toolbox:has(#PersonalToolbar[collapsed="true"]) {
+      --uc-bm-height: 0px;
+    }
+  }
 }
 @supports -moz-bool-pref("userChrome.autohide.tabbar") or -moz-bool-pref("userChrome.autohide.navbar") or -moz-bool-pref(
     "userChrome.autohide.bookmarkbar"
@@ -7735,9 +7741,11 @@
     will-change: margin-bottom, opacity;
   }
   @supports -moz-bool-pref("userChrome.autohide.toolbar_overlap") {
-    #PersonalToolbar:not([customizing])[collapsed="true"] {
-      visibility: visible !important;
-      max-height: unset !important;
+    @supports not selector(:has(a)) {
+      #PersonalToolbar:not([customizing])[collapsed="true"] {
+        visibility: visible !important;
+        max-height: unset !important;
+      }
     }
   }
 

diff --git a/src/autohide/_bookmarkbar.scss b/src/autohide/_bookmarkbar.scss
@@ -5,9 +5,11 @@
   will-change: margin-bottom, opacity;
 
   @include Option("userChrome.autohide.toolbar_overlap") {
-    &[collapsed="true"] {
-      visibility: visible !important;
-      max-height: unset !important;
+    @supports not selector(:has(a)) {
+      &[collapsed="true"] {
+        visibility: visible !important;
+        max-height: unset !important;
+      }
     }
   }
 }

diff --git a/src/autohide/_common.scss b/src/autohide/_common.scss
@@ -16,6 +16,11 @@
       --uc-navbar-height: 0px;
     }
   }
+  @supports selector(:has(a)) {
+    #navigator-toolbox:has(#PersonalToolbar[collapsed="true"]) {
+      --uc-bm-height: 0px;
+    }
+  }
 }
 
 @include Option("userChrome.autohide.tabbar", "userChrome.autohide.navbar", "userChrome.autohide.bookmarkbar", "userChrome.autohide.infobar") {

diff --git a/user.js b/user.js
@@ -23,6 +23,9 @@ user_pref("browser.compactmode.show", true);
 // about:home Search Bar - 89 Above
 user_pref("browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar", false);
 
+// CSS's `:has()` selector #457 - 103 Above
+user_pref("layout.css.has-selector.enabled", true);
+
 // Browser Theme Based Scheme - Will be activate 95 Above
 // user_pref("layout.css.prefers-color-scheme.content-override", 3);