44b7593404
This does reordering with grid display. Requires Firefox 132 for supporting display: contents on xul elements.
45 lines
1.1 KiB
CSS
45 lines
1.1 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;
|
|
}
|
|
#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;
|
|
}
|
|
.titlebar-spacer{
|
|
-moz-window-dragging: drag;
|
|
}
|
|
#nav-bar{
|
|
grid-area: toolbar1
|
|
}
|
|
#toolbar-menubar{
|
|
grid-area: mb;
|
|
}
|
|
#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;
|
|
} |