From 46b65420d759e2c5cfe1317cb727e3d522b83ad2 Mon Sep 17 00:00:00 2001
From: Esteve Varela Colominas <e.varela@sensysgatso.com>
Date: Mon, 30 Jun 2025 09:02:55 +0200
Subject: [PATCH 1/2] Fix Megabar CSS (#1038)

---
 css/leptonChrome.css | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 3e49b97..4e1449c 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -4499,9 +4499,7 @@
 }
 @media -moz-pref("userChrome.padding.urlView_expanding") or -moz-pref("userChrome.urlView.as_commandbar") {
   #urlbar[breakout][breakout-extend] {
-    top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
-    left: 0 !important;
-    width: 100% !important;
+    width: var(--urlbar-width) !important;
   }
   #urlbar[breakout][breakout-extend] > #urlbar-input-container {
     height: var(--urlbar-height) !important;
@@ -18824,9 +18822,7 @@
 }
 @media (-moz-bool-pref: "userChrome.padding.urlView_expanding"), (-moz-bool-pref: "userChrome.urlView.as_commandbar") {
   #urlbar[breakout][breakout-extend] {
-    top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
-    left: 0 !important;
-    width: 100% !important;
+    width: var(--urlbar-width) !important;
   }
   #urlbar[breakout][breakout-extend] > #urlbar-input-container {
     height: var(--urlbar-height) !important;

From d97d20b62ba48c9525fbed265b8513cf0e5d66a9 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Wed, 30 Jul 2025 09:33:33 +0900
Subject: [PATCH 2/2] Fix: URLBar - Remove Megabar CSS #1038

---
 css/leptonChrome.css    | 12 ++++++++++--
 css/leptonChromeESR.css | 10 ++++++----
 src/padding/_index.scss | 10 ++++++----
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/css/leptonChrome.css b/css/leptonChrome.css
index 4e1449c..c9dcdf0 100644
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@@ -4499,9 +4499,13 @@
 }
 @media -moz-pref("userChrome.padding.urlView_expanding") or -moz-pref("userChrome.urlView.as_commandbar") {
   #urlbar[breakout][breakout-extend] {
+    top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
     width: var(--urlbar-width) !important;
+    position: relative !important;
+    margin: 0 !important;
   }
-  #urlbar[breakout][breakout-extend] > #urlbar-input-container {
+  #urlbar[breakout][breakout-extend] > #urlbar-input-container,
+  #urlbar[breakout][breakout-extend] > .urlbar-input-container {
     height: var(--urlbar-height) !important;
     padding-block: 0 !important;
     padding-inline: var(--urlbar-container-padding, 0px) !important;
@@ -18822,9 +18826,13 @@
 }
 @media (-moz-bool-pref: "userChrome.padding.urlView_expanding"), (-moz-bool-pref: "userChrome.urlView.as_commandbar") {
   #urlbar[breakout][breakout-extend] {
+    top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
     width: var(--urlbar-width) !important;
+    position: relative !important;
+    margin: 0 !important;
   }
-  #urlbar[breakout][breakout-extend] > #urlbar-input-container {
+  #urlbar[breakout][breakout-extend] > #urlbar-input-container,
+  #urlbar[breakout][breakout-extend] > .urlbar-input-container {
     height: var(--urlbar-height) !important;
     padding-block: 0 !important;
     padding-inline: var(--urlbar-container-padding, 0px) !important;
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
index 9edecc2..f5ac6ad 100644
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@@ -4844,11 +4844,13 @@
 }
 @supports -moz-bool-pref("userChrome.padding.urlView_expanding") or -moz-bool-pref("userChrome.urlView.as_commandbar") {
   #urlbar[breakout][breakout-extend] {
-    top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
-    left: 0 !important;
-    width: 100% !important;
+    top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
+    width: var(--urlbar-width) !important;
+    position: relative !important;
+    margin: 0 !important;
   }
-  #urlbar[breakout][breakout-extend] > #urlbar-input-container {
+  #urlbar[breakout][breakout-extend] > #urlbar-input-container,
+  #urlbar[breakout][breakout-extend] > .urlbar-input-container {
     height: var(--urlbar-height) !important;
     padding-block: 0 !important;
     padding-inline: var(--urlbar-container-padding, 0px) !important;
diff --git a/src/padding/_index.scss b/src/padding/_index.scss
index 5f13bfa..32328f1 100644
--- a/src/padding/_index.scss
+++ b/src/padding/_index.scss
@@ -51,12 +51,14 @@
 }
 @include Option("userChrome.padding.urlView_expanding", "userChrome.urlView.as_commandbar") {
   #urlbar[breakout][breakout-extend] {
-    top: calc((var(--urlbar-toolbar-height, var(--urlbar-container-height)) - var(--urlbar-height)) / 2) !important;
-    left: 0 !important;
-    width: 100% !important;
+    top: calc(var(--urlbar-container-height) * 2 - var(--urlbar-height)) !important;
+    width: var(--urlbar-width) !important;
+    position: relative !important;
+    margin: 0 !important;
   }
 
-  #urlbar[breakout][breakout-extend] > #urlbar-input-container {
+  #urlbar[breakout][breakout-extend] > #urlbar-input-container,
+  #urlbar[breakout][breakout-extend] > .urlbar-input-container  {
     height: var(--urlbar-height) !important;
     padding-block: 0 !important;
     padding-inline: var(--urlbar-container-padding, 0px) !important;