Files
firefox-csshacks/chrome/toolbars_below_content_v2.css
MrOtherGuy 617545968b toolbars below content: urlbarview alignment fixes and pref to move tabs
When urlbar is open the panel input-container height changes based on
whether or not go-button is shown. Add a pseudo-element at the end which
has uses the same height value as go-button would.

In addition, this patch adds a pref
userchrome.toolbars-below-content.tabs-at-bottom.enabled that can be
used to make tabs as the bottom-most toolbar.
2024-12-07 06:06:29 +02:00

39 lines
1.3 KiB
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbars_below_content_v2.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* This requires Firefox 133
* By default tabs will be the top-most toolbar, but you can set the following pref to move them to bottom:
* userchrome.toolbars-below-content.tabs-at-bottom.enabled
*/
#navigator-toolbox{
display: contents;
}
#main-window > body{
> #browser,
.global-notificationbox,
#tab-notification-deck,
#toolbar-menubar{
order: -1;
}
#TabsToolbar{
max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin,0px)) * var(--multirow-n-rows,1));
}
#urlbar[breakout][breakout-extend]{
display: flex !important;
flex-direction: column-reverse !important;
transform: translateY(calc(var(--urlbar-container-height) - 100%));
}
#urlbar[breakout-extend]:not([usertyping]) > .urlbar-input-container::after{
display: flex;
content: "";
height: calc(var(--urlbar-min-height) - 2px - 2 * var(--urlbar-container-padding));
}
.urlbarView-body-inner{ border-top-style: none !important; }
}
@media (-moz-bool-pref: "userchrome.toolbars-below-content.tabs-at-bottom.enabled"){
#TabsToolbar{
order: 3
}
}