various improvements for combined_tabs_and_main_toolbars.css

This patch makes focused urlbar overlay other toolbar instead of being
constrained to urlbar-container width. This also disables that weird
bookmarks toolbar margin by default, but leaves code for Firefox <108
compatibility. Unpinned tabs are now visible by default but that can be
reversed by setting a pref. And lastly this disables tabs
arrowwscrollbox css containment which would cause the style to not work
in Firefox 108.
This commit is contained in:
MrOtherGuy 2022-11-21 08:29:41 +02:00
parent 965eefc00a
commit 6fa2a9beb4

View file

@ -6,6 +6,10 @@ See the above repository for updates as well as full license text. */
/* You WILL NEED either autohide_menubar.css or overlay_menubar.css with this or use custom css that does something similar */ /* You WILL NEED either autohide_menubar.css or overlay_menubar.css with this or use custom css that does something similar */
#navigator-toolbox{
--uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container{ display: none !important; } #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container{ display: none !important; }
#toolbar-menubar{ left:0 } #toolbar-menubar{ left:0 }
@ -33,21 +37,38 @@ See the above repository for updates as well as full license text. */
flex-wrap: wrap; flex-wrap: wrap;
} }
#titlebar{ -moz-appearance: none !important; } #titlebar{
-moz-appearance: none !important;
flex-grow: 1;
}
.scrollbox-clip[orient="horizontal"]{
contain: none !important;
}
:root[tabsintitlebar="true"] #nav-bar{ padding-left: 20px } :root[tabsintitlebar="true"] #nav-bar{ padding-left: 20px }
#nav-bar,#PersonalToolbar{ flex-grow: 1; } #nav-bar,
#PersonalToolbar{ flex-grow: 1000; }
/* This margin on bookmarks toolbar makes absolutely no sense, but it won't work properly without it */ /* Fx <108 only, this margin on bookmarks toolbar makes absolutely no sense, but it won't work properly without it. */
/*
.browser-toolbar.chromeclass-directories:not([collapsed="true"]){ .browser-toolbar.chromeclass-directories:not([collapsed="true"]){
min-width: 100vw !important; min-width: 100vw !important;
margin-bottom: var(--tab-min-height); margin-bottom: calc(2 * var(--tab-block-margin) + var(--tab-min-height));
} }
/* reduce urlbar minimum width before things start to go to overflow menu */ */
#urlbar-container{ min-width: 300px !important; } /* reduce urlbar minimum width. If urlbar would become narrower then main-toolbar wraps to second line */
#urlbar-container{ min-width: 250px !important; }
#TabsToolbar > .titlebar-spacer[type="pre-tabs"]{ display: none !important; } #TabsToolbar > .titlebar-spacer[type="pre-tabs"]{ display: none !important; }
#alltabs-button{ display: -moz-box !important }
.tabbrowser-tab{ margin-inline-start: 0 !important } .tabbrowser-tab{ margin-inline-start: 0 !important }
/* If you are only working with just a few tabs then you may safely delete the following to allow non-pinned tabs to be shown */
/* Make opened urlbar overlay the toolbar */
#urlbar[open]:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; }
/* Set this pref if you want unpinned tabs to become hidden unless selected */
@supports -moz-bool-pref("userchrome.hide-unpinned-tabs.enabled"){
#alltabs-button{ display: -moz-box !important }
.tabbrowser-tab:not([pinned]):not([selected]){ visibility: collapse } .tabbrowser-tab:not([pinned]):not([selected]){ visibility: collapse }
}