Fixed extended urlbar going full width in Nightly

Zonnev · Oct 26, 2024 · 0f7342c · 0f7342c
1 parent 21c6a98
commit 0f7342c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 23 deletions.
diff --git a/Private Mode Style/userChrome.css b/Private Mode Style/userChrome.css
@@ -194,17 +194,15 @@ LAYOUT
 #urlbar[breakout]:not([open]) {
     --urlbar-height: 25px !important;
     --urlbar-toolbar-height: 25px !important;
-    left: 0px !important;
-    width: 100% !important;
 }
 #urlbar[open] {
     top: 7px !important;
-    left: 0px !important;
-    width: 100% !important;
 }
 #urlbar[open] .urlbar-input-container {
     margin-top: 3px !important;
     margin-bottom: 3px !important;
+    margin-left: 5px !important;
+    padding-right: 10px !important;
 }
 .urlbar-input-container label {
     line-height: 15px !important;
@@ -232,16 +230,16 @@ LAYOUT
     border-top: none !important;
 }
 #urlbar[focused] {
-    border-radius: 3px !important; 
+    border-radius: 3px !important;
 }
 #searchbar[focused] {
-    border-radius: 3px !important; 
+    border-radius: 3px !important;
 }
 #searchbar:not([focused]) {
-    border-radius: 3px !important; 
+    border-radius: 3px !important;
 }
 #urlbar:not([focused]) {
-    border-radius: 3px !important; 
+    border-radius: 3px !important;
 }
 #urlbar-background {
     border: none !important;
@@ -1047,7 +1045,7 @@ COLOURS
     background: #D198E5 !important;
 }
 #TabsToolbar:-moz-window-inactive {
-    background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0) 6%), 
+    background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0) 6%),
                 linear-gradient(90deg, rgba(167,147,255,1), rgba(229,155,216,1) 100%) !important;
 }
 #PersonalToolbar:-moz-window-inactive {
@@ -1081,19 +1079,19 @@ COLOURS
 }
 #searchbar:not([focused="true"]) {
     border: 1px solid rgba(0,0,0,0.4) !important;
-    border-radius: 3px !important; 
+    border-radius: 3px !important;
     background: #A267A9 !important;
     box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.3), 0 1px 0 0 rgba(255,255,255,0.05) !important;
 }
 #urlbar:not([focused="true"]) {
     border: 1px solid rgba(0,0,0,0.4) !important;
-    border-radius: 3px !important; 
+    border-radius: 3px !important;
     background: linear-gradient(to right, #8266C4, #A267A9) !important;
     box-shadow: inset 0 0 1px 0 rgba(0,0,0,0.3), 0 1px 0 0 rgba(255,255,255,0.05) !important;
 }
 #urlbar[focused="true"] {
     border: 1px solid rgba(0,0,0,0.4) !important;
-    border-radius: 4px !important; 
+    border-radius: 4px !important;
     background: linear-gradient(to right, #8266C4, #A267A9) !important;
 }
 .urlbarView-url,
@@ -1152,7 +1150,7 @@ COLOURS
 #import-button label,
 #nav-bar-customization-target > #zoom-controls > toolbarbutton > label,
 #TabsToolbar-customization-target > #zoom-controls > toolbarbutton > label,
-#TabsToolbar-customization-target > #wrapper-zoom-controls > #zoom-controls > toolbarbutton > label, 
+#TabsToolbar-customization-target > #wrapper-zoom-controls > #zoom-controls > toolbarbutton > label,
 #nav-bar-customization-target > #wrapper-zoom-controls > #zoom-controls > toolbarbutton > label,
 #urlbar-zoom-button label,
 #urlbar-search-mode-indicator-title,
@@ -1172,7 +1170,7 @@ toolbar .toolbaritem-combined-buttons:not(:hover) > separator {
 }
 #TabsToolbar {
     appearance: none !important;
-    background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0) 6%), 
+    background: linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0) 6%),
                 linear-gradient(90deg, rgba(115,98,200,1), rgba(171,100,157,1) 100%) !important;
     border-bottom: 1px solid rgba(0,0,0,0.2) !important;
 }
@@ -1251,7 +1249,7 @@ menubar > menu[open] {
 #alltabs-button:not(:-moz-lwtheme-darktext),
 #wrapper-alltabs-button:not(:-moz-lwtheme-darktext),
 #profiler-button > .toolbarbutton-menu-dropmarker:not(:-moz-lwtheme-brighttext) {
-    filter: none !important; 
+    filter: none !important;
 }}
 :root {
     --toolbarbutton-hover-background: #503da8 !important;

diff --git a/Titlebar Enabled/userChrome.css b/Titlebar Enabled/userChrome.css
@@ -330,17 +330,15 @@ Normal mode
 #urlbar[breakout]:not([open]) {
     --urlbar-height: 25px !important;
     --urlbar-toolbar-height: 25px !important;
-    left: 0px !important;
-    width: 100% !important;
 }
 #urlbar[open] {
     top: 7px !important;
-    left: 0px !important;
-    width: 100% !important;
 }
 #urlbar[open] .urlbar-input-container {
     margin-top: 3px !important;
     margin-bottom: 3px !important;
+    margin-left: 5px !important;
+    padding-right: 10px !important;
 }
 .urlbar-input-container label {
     line-height: 15px !important;

diff --git a/base.css b/base.css
@@ -317,17 +317,15 @@ Normal mode
 #urlbar[breakout]:not([open]) {
     --urlbar-height: 25px !important;
     --urlbar-toolbar-height: 25px !important;
-    left: 0px !important;
-    width: 100% !important;
 }
 #urlbar[open] {
     top: 7px !important;
-    left: 0px !important;
-    width: 100% !important;
 }
 #urlbar[open] .urlbar-input-container {
     margin-top: 3px !important;
     margin-bottom: 3px !important;
+    margin-left: 5px !important;
+    padding-right: 10px !important;
 }
 .urlbar-input-container label {
     line-height: 15px !important;