/* Modify these to change relative widths or default hegiht */ #navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; } /* Override for other densities */ :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } #TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } /* This isn't useful when tabs start in the middle of the window */ .titlebar-placeholder[type="pre-tabs"]{ display: none } #nav-bar{margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)) } /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 } /* prevent urlbar overflow on narrow windows */ @media screen and (max-width: 1300px){ #urlbar-container{ min-width:unset !important } } /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;}