mobile-config-firefox/chrome/hide_tabs_toolbar.css

38 lines
1.1 KiB
CSS
Raw Normal View History

2018-12-13 04:42:11 +01:00
/* Hide tabs toolbar Fx65+ */
:root{
--uc-toolbar-height: 32px;
--uc-window-control-width: 138px;
}
#navigator-toolbox{ --window-drag-space-width: 24px; }
2018-12-13 04:42:11 +01:00
:root:not([uidensity="compact"]){--uc-toolbar-height: 38px}
2018-12-13 04:42:11 +01:00
#TabsToolbar{visibility: collapse}
:root:not([inFullscreen]) #nav-bar{
margin-top: calc(0px - var(--uc-toolbar-height));
}
/* Space to drag the window on both sides of navbar */
:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{
padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px));
padding-left: var(--window-drag-space-width,0px)
}
2018-12-13 04:42:11 +01:00
#toolbar-menubar{
min-height:unset !important;
height:var(--uc-toolbar-height) !important;
position: relative;
}
2018-12-13 15:44:28 +01:00
#main-menubar{
-moz-box-flex: 1;
background: var(--toolbar-non-lwt-bgcolor);
background-clip: padding-box;
border-right: 30px solid transparent;
border-image: linear-gradient(to left, transparent, var(--toolbar-non-lwt-bgcolor) 30px) 20 / 30px
}
2018-12-13 04:42:11 +01:00
#toolbar-menubar:not([inactive]){ z-index: 2 }
#toolbar-menubar[inactive] > #menubar-items { opacity: 0 }