/* Modify these to change relative widths or default height */ #navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px} /* Override for other densities */ :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;} :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } /* prevent urlbar overflow on narrow windows */ /* Dependent on how many items are in navigation toolbar and tabs-/nav-bar ratio - ADJUST AS NEEDED */ @media screen and (max-width: 1600px){ #urlbar-container{ min-width:unset !important } } #toolbar-menubar{ height:initial !important; } #toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; } #toolbar-menubar[inactive]{ margin-bottom: calc(0px - var(--uc-toolbar-height)) } #TabsToolbar > .titlebar-buttonbox-container, #TabsToolbar > .toolbar-items > spacer, .titlebar-spacer[type="post-tabs"]{ display: none; } #TabsToolbar{ margin-right: var(--uc-navigationbar-width); } #toolbar-menubar > .titlebar-buttonbox-container, #tabbrowser-tabs, .tabbrowser-tab[pinned]{ height: var(--uc-toolbar-height) !important; min-height: var(--uc-toolbar-height) !important; } #nav-bar{ margin-left: calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); padding-right: calc(3 * 46px + var(--window-drag-space-width)); } /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;}