tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tabs on bottom v2: support window controls on left placement

Browse Source
This commit is contained in:
MrOtherGuy
2024-10-12 05:50:29 +03:00
parent 91efcba213
commit eda73c19e4
1 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
chrome/tabs_on_bottom_v2.css
View File

@@ -3,6 +3,14 @@ See the above repository for updates as well as full license text. */
/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */ /* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
#nav-bar > .titlebar-buttonbox-container{
order: -1 !important;
> .titlebar-buttonbox{
flex-direction: row-reverse;
}
}
}
@media not (-moz-bool-pref: "sidebar.verticalTabs"){ @media not (-moz-bool-pref: "sidebar.verticalTabs"){
.global-notificationbox, .global-notificationbox,
#tab-notification-deck, #tab-notification-deck,
@@ -12,22 +20,32 @@ See the above repository for updates as well as full license text. */
#TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){ #TabsToolbar > :is(.titlebar-spacer,.titlebar-buttonbox-container){
display: none; display: none;
} }
:root[tabsintitlebar][sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{ :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
display: flex !important; display: flex !important;
} }
:root[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #nav-bar{ :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
& > .titlebar-buttonbox-container{ > .titlebar-buttonbox-container{
display: flex !important; display: flex !important;
} }
:root[sizemode="normal"] & { :root[sizemode="normal"] & {
& > .titlebar-spacer{ > .titlebar-spacer{
display: flex !important; display: flex !important;
} }
} }
:root[sizemode="maximized"] & { :root[sizemode="maximized"] & {
& > .titlebar-spacer[type="post-tabs"]{ > .titlebar-spacer[type="post-tabs"]{
display: flex !important; display: flex !important;
} }
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
(-moz-gtk-csd-reversed-placement),
(-moz-platform: macos){
> .titlebar-spacer[type="post-tabs"]{
display: none !important;
}
> .titlebar-spacer[type="pre-tabs"]{
display: flex !important;
}
}
} }
} }
} }