mobile-config-firefox/chrome/multi-row_tabs_window_control_patch.css
MrOtherGuy 0ff12e01fe Add support for modern flexbox layout
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.
2023-03-11 12:26:07 +02:00

38 lines
No EOL
1.3 KiB
CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_window_control_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* This is a supporting style for multi-row_tabs.css*/
/* !! Use customize mode to make menubar permanently enabled !! */
/* 20px wide space on left and right to be able to drag the window */
#TabsToolbar{ margin: 0 20px; }
#titlebar{
-moz-box-direction: reverse; /* Fx <112 compatibility */
flex-direction: column-reverse;
}
#toolbar-menubar{
height: 40px;
margin-bottom: -40px;
background-color: var(--toolbar-bgcolor)
}
:root[uidensity="compact"] #toolbar-menubar{ height: 32px; margin-bottom: -32px }
:root[tabsintitlebar] #nav-bar{ padding-right: 138px; margin-left: 30px; }
#toolbar-menubar > #menubar-items{
position: relative;
-moz-box-pack: center; /* Fx <112 compatibility */
justify-content: center !important;
background-image: linear-gradient( to left,transparent,var(--toolbar-bgcolor) 35px);
color: var(--toolbar-color);
}
#main-menubar:last-child{ padding-inline-end: 40px }
#toolbar-menubar > #menubar-items:hover{z-index: 2;}
#file-menu{
padding-inline-start: 30px;
background: url(chrome://browser/skin/settings.svg) no-repeat 10px;
fill: currentColor;
-moz-context-properties: fill
}