From 490a971b5f0aef040daa399a1dbbbe7eb9ab63d0 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 14 Sep 2020 11:51:03 +0300 Subject: [PATCH] Add a simple way for oneliners to set minimum width for focused urlbar --- chrome/navbar_tabs_oneliner.css | 7 +++++-- chrome/navbar_tabs_responsive_oneliner.css | 3 +++ chrome/urlbar_popup_full_width.css | 1 + 3 files changed, 9 insertions(+), 2 deletions(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index b7bfa3f..c0570a5 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -6,13 +6,14 @@ See the above repository for updates as well as full license text. */ /* Use page_action_buttons_on_hover.css to hide page-action-buttons to save more space for the address */ /* -urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new urlbar popup +urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of new urlbar popup */ /* Modify these to change relative widths or default height */ #navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; + --uc-urlbar-min-width: none; /* Can set minimum width for focused urlbar here eg. 550px */ } /* Override for other densities */ :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; } @@ -55,4 +56,6 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur #urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } /* Fix customization view */ -#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; } \ No newline at end of file +#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; } + +#urlbar:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; } \ No newline at end of file diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css index 91c4446..b970a69 100644 --- a/chrome/navbar_tabs_responsive_oneliner.css +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -13,6 +13,7 @@ See the above repository for updates as well as full license text. */ #navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; + --uc-urlbar-min-width: none; /* Can set minimum width for focused urlbar here eg. 550px */ } /* prevent urlbar overflow on narrow windows */ /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ @@ -52,6 +53,8 @@ See the above repository for updates as well as full license text. */ /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } + + #urlbar:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; } } /* Fix customization view */ #customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; } \ No newline at end of file diff --git a/chrome/urlbar_popup_full_width.css b/chrome/urlbar_popup_full_width.css index 25a0010..68757f5 100644 --- a/chrome/urlbar_popup_full_width.css +++ b/chrome/urlbar_popup_full_width.css @@ -14,6 +14,7 @@ See the above repository for updates as well as full license text. */ box-shadow: inset 0 0 0 1px var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); border-radius: var(--toolbarbutton-border-radius); + --uc-urlbar-min-width: none; /* navbar_tabs_oneliner.css compatibility */ } #urlbar[focused]{ box-shadow: inset 0 0 0 1px var(--lwt-toolbar-field-border-focus, highlight); }