mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-09-19 18:47:19 +02:00
0ff12e01fe
Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
40 lines
1.3 KiB
CSS
40 lines
1.3 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; /* Fx <112 compatibility */
|
|
flex-direction: row !important;
|
|
}
|
|
#menubar-items::after{
|
|
content: "";
|
|
display: flex;
|
|
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 }
|
|
}
|