Fix: URL Bar - Position fix for touch & tablet mode #881

black7375 · Apr 28, 2024 · 15a6f4f · 15a6f4f
1 parent 9201a93
commit 15a6f4f
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 8 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/padding/_index.scss b/src/padding/_index.scss
@@ -51,7 +51,7 @@
 }
 @include Option("userChrome.padding.urlView_expanding", "userChrome.urlView.as_commandbar") {
   #urlbar[breakout][breakout-extend] {
-    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
+    top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
     left: 0 !important;
     width: 100% !important;
   }

diff --git a/src/padding/_urlbar.scss b/src/padding/_urlbar.scss
@@ -25,7 +25,9 @@
     }
   }
   :root[uidensity="touch"] & {
-    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2 + 1px) !important;
+    // Fallback #881
+    top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height))
+               - var(--urlbar-height)) / 2 + 1px) !important;
   }
 }