mobile-config-firefox/chrome/overlay_menubar.css
MrOtherGuy 95fbda2710 Improve support for gtk-csd-reversed-placement
This patch changes how we deal with window control buttons on left
layouts. Previously, we looked to a pref that was only set on macos
but with this patch we use media queries to detect whether the system
is macOS or gtk-csd buttons use left-side layout.

To support old-style "override pref" this patch also introduces a
new custom pref userchrome.force-window-controls-on-left.enabled
which can be used e.g on Windows to move window controls to left side.
This logic is currently only supported in styles that use
window_control_placeholder_support.css
2022-12-23 13:53:51 +02:00

37 lines
1.2 KiB
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/overlay_menubar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Makes menubar appear as overlay in the top left corner */
#toolbar-menubar{
position: fixed;
display: flex;
top: 0;
width: 100vw;
height: initial !important;
z-index: 10;
}
#toolbar-menubar[autohide="true"][inactive="true"]{ height: 0px !important; }
#toolbar-menubar > spacer{ flex-grow: 1 }
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ display: none }
#main-menubar{
height: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px));
background-color: var(--arrowpanel-background);
color: var(--arrowpanel-color);
}
#menubar-items{ -moz-box-orient: horizontal !important; }
#menubar-items::after{
content: "";
display: -moz-box;
width: 30px;
height: calc(var(--tab-min-height) + 2 * var(--tab-block-margin,0px));
background-image: linear-gradient(to right, var(--arrowpanel-background) 30%, transparent);
}
@media (-moz-gtk-csd-reversed-placement){
#toolbar-menubar[autohide="true"]:not([inactive]) > .titlebar-buttonbox-container{ display: none }
}