From 8d4b1392f24bdd575104ef8836b4fd01e3e66bf1 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 23 Apr 2021 11:27:54 +0300 Subject: [PATCH] improve proton compatibility --- chrome/navbar_tabs_oneliner.css | 11 ++++++++--- ...navbar_tabs_oneliner_menu_buttons_on_right.css | 3 +++ chrome/navbar_tabs_oneliner_tabs_on_left.css | 15 +++++++++++++-- chrome/navbar_tabs_responsive_oneliner.css | 13 +++++++++---- 4 files changed, 33 insertions(+), 9 deletions(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index ef98d18..eb3457a 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -15,7 +15,10 @@ urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of #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 */ + --uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */ +} +@media (-moz-proton){ + #scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; } } /* Override for other densities */ :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 34px; } @@ -23,7 +26,7 @@ urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of /* prevent urlbar overflow on narrow windows */ /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ -@media screen and (max-width: 1400px){ +@media screen and (max-width: 1500px){ #urlbar-container{ min-width:unset !important } } @@ -56,10 +59,12 @@ urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 !important } +/* Make opened urlbar overlay the toolbar */ +#urlbar[open]:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; } + /* Hide dropdown placeholder */ #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; } -#urlbar:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; } \ No newline at end of file diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 1432294..9443930 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -16,6 +16,9 @@ Window controls will be all wrong without it --uc-navigationbar-width: 50vw; --uc-toolbar-height: 40px; } +@media (-moz-proton){ + #scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; } +} /* reserved space for overflow + menu buttons */ #navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} #nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) } diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 958f1a2..a0dbeb1 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -13,8 +13,12 @@ Window controls will be all wrong without it /* Modify these to change relative widths or default height */ #navigator-toolbox{ - --uc-navigationbar-width: 40vw; + --uc-navigationbar-width: 45vw; --uc-toolbar-height: 40px; + --uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */ +} +@media (-moz-proton){ + #scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; } } /* Override for other densities */ :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 34px;} @@ -56,7 +60,6 @@ Window controls will be all wrong without it } #tabbrowser-tabs, .tabbrowser-tab[pinned]{ - height: var(--tab-min-height) !important; min-height: var(--tab-min-height) !important; } #nav-bar{ @@ -80,7 +83,15 @@ Window controls will be all wrong without it /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 !important } +/* Make opened urlbar overlay the toolbar */ +#urlbar[open]:focus-within{ + min-width: var(--uc-urlbar-min-width,none) !important; + right: 0 !important; + left: auto !important; +} + /* Hide dropdown placeholder */ #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 diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css index 5453415..a9becf4 100644 --- a/chrome/navbar_tabs_responsive_oneliner.css +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -18,11 +18,14 @@ 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 */ + --uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */ + } + @media (-moz-proton){ + #scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; } } /* prevent urlbar overflow on narrow windows */ /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ - @media screen and (max-width: 1400px){ + @media screen and (max-width: 1500px){ #urlbar-container{ min-width:unset !important } } @@ -58,10 +61,12 @@ See the above repository for updates as well as full license text. */ /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 !important } + /* Make opened urlbar overlay the toolbar */ + #urlbar[open]:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; } + /* 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 +#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }