Merge pull request #1114 from mid-kid/photon-style

Fix Megabar CSS (#1038)
Fix: URLBar - Remove Megabar CSS #1038
2025-12-05 18:20:44 -08:00 · 2025-07-30 09:37:16 +09:00 · 2025-07-30 09:36:32 +09:00 · 2025-07-30 09:33:33 +09:00 · 2025-06-30 09:02:55 +02:00
3 changed files with 24 additions and 16 deletions
--- a/css/leptonChrome.css
+++ b/css/leptonChrome.css
@ -4483,11 +4483,13 @@
 }
@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;
+    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;
@ -18808,11 +18810,13 @@
 }
@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;
+    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;
--- a/css/leptonChromeESR.css
+++ b/css/leptonChromeESR.css
@ -4828,11 +4828,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;
--- 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;
Author	SHA1	Message	Date
MS_Y	3c4f6d76c0	Merge pull request #1114 from mid-kid/photon-style Some checks failed CI / build (push) Has been cancelled Details Fix Megabar CSS (#1038)	2025-07-30 09:37:16 +09:00
alstjr7375	d97d20b62b	Fix: URLBar - Remove Megabar CSS #1038	2025-07-30 09:36:32 +09:00
alstjr7375	59cfaa6c07	Fix: URLBar - Remove Megabar CSS #1038	2025-07-30 09:33:33 +09:00
Esteve Varela Colominas	46b65420d7	Fix Megabar CSS (#1038 )	2025-06-30 09:02:55 +02:00