You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
firefox-csshacks/chrome/multi-row_tabs_window_contr...

71 lines
2.0 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*/
/* This depends on window_control_placeholder_support.css to work so get that as well */
/* !! Use customize mode to make menubar permanently enabled !! */
/* You should NOT use this style if you want menubar to just always be visible */
/* space on left and right to be able to drag the window */
:root[sizemode="normal"] #TabsToolbar{
margin-inline: var(--uc-window-drag-space-pre) var(--uc-window-drag-space-post);
}
#nav-bar{
border-left-width: 0px;
}
:root[sizemode="fullscreen"] .titlebar-buttonbox-container{
display: flex !important;
}
:root[sizemode="fullscreen"] #TabsToolbar > .titlebar-buttonbox-container{
display: none !important;
}
#titlebar{
flex-direction: column-reverse;
will-change: unset !important;
opacity: 1 !important;
}
#toolbar-menubar{
height: 40px;
margin-bottom: -40px;
display: flex;
}
:root[sizemode="fullscreen"] #toolbar-menubar{
visibility: visible !important;
}
:root[uidensity="compact"] #toolbar-menubar{
height: 32px;
margin-bottom: -32px;
}
#main-menubar{
height: 100%;
position: relative;
justify-content: center !important;
}
#main-menubar > menu{
opacity: 0;
}
#main-menubar:has(>[_moz-menuactive]),
#menubar-items:hover > #main-menubar{
background-image: linear-gradient( to left,transparent,var(--arrowpanel-background) 35px);
color: var(--arrowpanel-color);
background-size: cover;
position: relative;
z-index: 1;
}
#main-menubar:has(>[_moz-menuactive]) > menu{
opacity: 1;
}
#main-menubar:last-child{
padding-inline-end: 40px;
}
#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
}