0ff12e01fe
Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
82 lines
2.8 KiB
CSS
82 lines
2.8 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* IMPORTANT
|
|
Get window_control_placeholder_support.css
|
|
Window controls will be all wrong without it.
|
|
Additionally on Linux, you may need to get:
|
|
linux_gtk_window_control_patch.css
|
|
|
|
Use tabs_on_bottom_menubar_on_top_patch.css if you
|
|
have menubar permanently enabled and want it on top
|
|
*/
|
|
|
|
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
|
|
#TabsToolbar > .titlebar-buttonbox-container{
|
|
position: fixed;
|
|
display: block;
|
|
top: 0px;
|
|
right:0;
|
|
height: 40px;
|
|
}
|
|
@media (-moz-gtk-csd-reversed-placement),
|
|
(-moz-platform: macos){
|
|
.titlebar-buttonbox-container{ left:0; right: unset !important; }
|
|
}
|
|
@supports -moz-bool-pref("userchrome.force-window-controls-on-left.enabled"){
|
|
.titlebar-buttonbox-container{ left:0; right: unset !important; }
|
|
}
|
|
|
|
:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
|
|
|
|
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
|
|
|
|
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
|
|
|
|
#titlebar{
|
|
-moz-box-ordinal-group: 2; /* Fx <112 compatibility */
|
|
order: 2;
|
|
-moz-appearance: none !important;
|
|
--tabs-navbar-shadow-size: 0px;
|
|
--uc-menubar-vertical-overlap: 19px; /* for hide_tabs_with_one_tab_w_window_controls.css compatibility */
|
|
}
|
|
/* Re-order window and tab notification boxes */
|
|
#navigator-toolbox > div{ display: contents }
|
|
.global-notificationbox,
|
|
#tab-notification-deck{
|
|
-moz-box-ordinal-group: 2; /* Fx <112 compatibility */
|
|
order: 2;
|
|
}
|
|
|
|
#TabsToolbar .titlebar-spacer{ display: none; }
|
|
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
|
|
#navigator-toolbox::after{ display: none !important; }
|
|
|
|
@media (-moz-gtk-csd-close-button){
|
|
.titlebar-button{
|
|
-moz-box-orient: vertical; /* Fx <112 compatibility */
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
/* At Activated Menubar */
|
|
:root:not([chromehidden~="menubar"], [sizemode="fullscreen"]) #toolbar-menubar:not([autohide="true"]) + #TabsToolbar > .titlebar-buttonbox-container {
|
|
display: block !important;
|
|
}
|
|
#toolbar-menubar:not([autohide="true"]) > .titlebar-buttonbox-container {
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* These exist only for compatibility with autohide-tabstoolbar.css */
|
|
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
|
|
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
|
|
#TabsToolbar > .titlebar-buttonbox-container{ visibility: visible }
|
|
#navigator-toolbox:not(:-moz-lwtheme){ background-color: -moz-dialog }
|
|
|
|
/* Uncomment the following if you want bookmarks toolbar to be below tabs */
|
|
/*
|
|
#PersonalToolbar{
|
|
-moz-box-ordinal-group: 2;
|
|
order: 2;
|
|
}
|
|
*/
|