Fix: URLBar - Prevent overlay at navbar autohide #1028

black7375 · Nov 29, 2024 · 83f4603 · 83f4603
1 parent d66bd0f
commit 83f4603
Show file tree

Hide file tree

Showing 3 changed files with 76 additions and 7 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
diff --git a/src/autohide/_navbar.scss b/src/autohide/_navbar.scss
@@ -1,12 +1,19 @@
 @include OneLinerNavbar {
   #nav-bar:not([customizing]) {
     margin-bottom: var(--uc-navbar-hide-height);
-    opacity: 0;
-    will-change: margin-bottom, opacity;
+
+    // Why use #urlbar? - Prevent URLbar overlay #1028
+    &, #urlbar {
+      opacity: 0;
+      will-change: margin-bottom, opacity;
+    }
   }
   #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
     margin-bottom: 0;
-    opacity: 1;
+
+    &, #urlbar {
+      opacity: 1;
+    }
   }
 }
 
@@ -22,8 +29,14 @@
                   opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay),
                   var(--ext-theme-background-transition) !important;
     }
+
+    #urlbar {
+      transition: opacity var(--uc-autohide-toolbar-speed) var(--animation-easing-function) var(--uc-autohide-toolbar-delay) !important;
+    }
   }
   #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) {
-    transition-delay: 0s !important;
+    &, #urlbar {
+      transition-delay: 0s !important;
+    }
   }
 }