Fixes for the new URL bar

Izheil · Apr 8, 2020 · 7c57ac6 · 7c57ac6
1 parent 844ba2c
commit 7c57ac6
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 6 deletions.
diff --git a/Full dark theme/Dark theme + CSS tweaks userchrome/userChrome.css b/Full dark theme/Dark theme + CSS tweaks userchrome/userChrome.css
@@ -1,6 +1,6 @@
 /* You can find an updated version here: https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme */
 /* Made by Izheil */
-/* Last updated: 16/03/2020 */
+/* Last updated: 08/04/2020 */
 
 /* COLORING PART STARTS HERE */
 
@@ -24,7 +24,7 @@ without this change) */
   --lwt-toolbar-field-color: #aaa !important;
   --lwt-toolbar-field-focus-color: var(--lwt-toolbar-field-color) !important;
   --lwt-text-color: #ccc !important;
-  --urlbar-separator-color: #88a !important;
+  --urlbar-separator-color: #666 !important;
   --autocomplete-popup-highlight-background: rgba(100,100,100,0.4) !important;
   --autocomplete-popup-highlight-color: #ddd !important;
   --url-autocomplete-links-color: rgb(0,160,200);
@@ -49,7 +49,7 @@ but is disabled by default in this theme (Disable for the default tab line color
 
 *|*:root {
   /* Main menu colors */
-  --panel-separator-color: rgba(95,95,95, .5)  !important;
+  --panel-separator-color: rgba(95,95,95, .6)  !important;
   --arrowpanel-background: #383838 !important;
   --arrowpanel-color: #ccc !important;
   --panel-disabled-color: #888 !important;
@@ -1069,6 +1069,20 @@ after the tabs section */
 
 /* URL bar */
 
+/* Resize the URL bar to a less intrusive size (unless open) */
+#urlbar[breakout][breakout-extend]:not([open]) {
+  width: 100% !important;
+  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
+  left: 0 !important;
+  height: var(--urlbar-height) !important;
+}
+
+#urlbar[breakout][breakout-extend]:not([open]) > #urlbar-input-container {
+  height: 100% !important;
+  padding-inline: 0 !important;
+  padding-block: 0 !important;
+}
+
 /* This allows you to change the font of the url to prevent ULR spoofing with a more
 differentiable font (Thanks to BelladonnavGF for the tip) */ 
 

diff --git a/Full dark theme/userChrome.css b/Full dark theme/userChrome.css
@@ -1,6 +1,6 @@
 /* You can find an updated version here: https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme */
 /* Made by Izheil */
-/* Last updated: 16/03/2020 */
+/* Last updated: 08/04/2020 */
 
 /* COLORING PART STARTS HERE */
 
@@ -24,7 +24,7 @@ without this change) */
   --lwt-toolbar-field-color: #aaa !important;
   --lwt-toolbar-field-focus-color: var(--lwt-toolbar-field-color) !important;
   --lwt-text-color: #ccc !important;
-  --urlbar-separator-color: #88a !important;
+  --urlbar-separator-color: #666 !important;
   --autocomplete-popup-highlight-background: rgba(100,100,100,0.4) !important;
   --autocomplete-popup-highlight-color: #ddd !important;
   --url-autocomplete-links-color: rgb(0,160,200);
@@ -49,7 +49,7 @@ but is disabled by default in this theme (Disable for the default tab line color
 
 *|*:root {
   /* Main menu colors */
-  --panel-separator-color: rgba(95,95,95, .5)  !important;
+  --panel-separator-color: rgba(95,95,95, .6)  !important;
   --arrowpanel-background: #383838 !important;
   --arrowpanel-color: #ccc !important;
   --panel-disabled-color: #888 !important;