You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.0 KiB
CSS
71 lines
2.0 KiB
CSS
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_v2.css made available under Mozilla Public License v. 2.0
|
|
See the above repository for updates as well as full license text. */
|
|
|
|
/* This reorders toolbar to place tabs below other toolbars. Requires Firefox 132+ */
|
|
|
|
#navigator-toolbox{
|
|
display: grid;
|
|
grid-template-areas: "mb mb mb mb"
|
|
"pre toolbar1 post caption"
|
|
"toolbar toolbar toolbar toolbar";
|
|
grid-auto-columns: min-content 1fr min-content min-content;
|
|
grid-template-rows: auto;
|
|
}
|
|
@media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
|
|
(-moz-gtk-csd-reversed-placement),
|
|
(-moz-platform: macos){
|
|
#navigator-toolbox{
|
|
grid-template-areas: "mb mb mb mb"
|
|
"caption pre toolbar1 post"
|
|
"toolbar toolbar toolbar toolbar";
|
|
grid-auto-columns: min-content min-content 1fr min-content;
|
|
}
|
|
@media (-moz-platform: windows){
|
|
#TabsToolbar .titlebar-buttonbox{ flex-direction: row-reverse; }
|
|
}
|
|
}
|
|
#titlebar,
|
|
#TabsToolbar{
|
|
display: contents;
|
|
}
|
|
#TabsToolbar > .titlebar-buttonbox-container{
|
|
grid-area: caption;
|
|
}
|
|
#TabsToolbar > .titlebar-spacer[type="pre-tabs"]{
|
|
grid-area: pre;
|
|
}
|
|
#TabsToolbar > .titlebar-spacer[type="post-tabs"]{
|
|
grid-area: post;
|
|
}
|
|
#private-browsing-indicator-with-label{
|
|
grid-area: post;
|
|
& > label{ display: none }
|
|
}
|
|
.titlebar-spacer{
|
|
-moz-window-dragging: drag;
|
|
}
|
|
#nav-bar{
|
|
grid-area: toolbar1;
|
|
border-top: none !important;
|
|
}
|
|
#toolbar-menubar{
|
|
grid-area: mb;
|
|
border-bottom: 0.01px var(--tabs-navbar-separator-style) var(--tabs-navbar-separator-color);
|
|
}
|
|
#toolbar-menubar,
|
|
#TabsToolbar > .toolbar-items,
|
|
#PersonalToolbar,
|
|
.global-notificationbox,
|
|
#tab-notification-deck{
|
|
grid-column: 1/5;
|
|
}
|
|
.global-notificationbox,
|
|
#tab-notification-deck,
|
|
#TabsToolbar > .toolbar-items{
|
|
order: 1;
|
|
}
|
|
.titlebar-spacer,
|
|
#TabsToolbar > .titlebar-buttonbox-container{
|
|
background-color: var(--toolbar-bgcolor)
|
|
}
|