/** * Dynamic Horizontal Tabs Toolbar (with animations) * sidebar.verticalTabs: false (with native horizontal tabs) */ #main-window #TabsToolbar > .toolbar-items { overflow: hidden; transition: height 0.3s 0.3s !important; } /* Default state: Set initial height to enable animation */ #main-window #TabsToolbar > .toolbar-items { height: 3em !important; } #main-window[uidensity="touch"] #TabsToolbar > .toolbar-items { height: 3.35em !important; } #main-window[uidensity="compact"] #TabsToolbar > .toolbar-items { height: 2.7em !important; } /* Hidden state: Hide native tabs strip */ #main-window[titlepreface*="XXX"] #TabsToolbar > .toolbar-items { height: 0 !important; } /* Hidden state: Fix z-index of active pinned tabs */ #main-window[titlepreface*="XXX"] #tabbrowser-tabs { z-index: 0 !important; } /* Hidden state: Hide window buttons in tabs-toolbar */ #main-window[titlepreface*="XXX"] #TabsToolbar .titlebar-spacer, #main-window[titlepreface*="XXX"] #TabsToolbar .titlebar-buttonbox-container { display: none !important; } /* [Optional] Uncomment block below to show window buttons in nav-bar (maybe, I didn't test it on non-linux-i3wm env) */ /* #main-window[titlepreface*="XXX"] #nav-bar > .titlebar-buttonbox-container, #main-window[titlepreface*="XXX"] #nav-bar > .titlebar-buttonbox-container > .titlebar-buttonbox { display: flex !important; } */ /* [Optional] Uncomment one of the line below if you need space near window buttons */ /* #main-window[titlepreface*="XXX"] #nav-bar > .titlebar-spacer[type="pre-tabs"] { display: flex !important; } */ /* #main-window[titlepreface*="XXX"] #nav-bar > .titlebar-spacer[type="post-tabs"] { display: flex !important; } */ #main-window #TabsToolbar { transition: max-height 0.3s 0.3s !important; } /* Default state: Set initial height to enable animation */ #main-window #TabsToolbar { max-height: 3em !important; } #main-window[uidensity="touch"] #TabsToolbar { max-height: 3.35em !important; } #main-window[uidensity="compact"] #TabsToolbar { max-height: 2.7em !important; } /* Hidden state: Hide native tabs strip */ #main-window[titlepreface*="​"] #TabsToolbar { max-height: 0 !important; } /* Hidden state: Fix z-index of active pinned tabs */ #main-window[titlepreface*="​"] #tabbrowser-tabs { z-index: 0 !important; } #main-window[titlepreface*="​"] .titlebar-close { display: none; } /* Remove sidebar header */ #sidebar-header { display: none; } /* Prettier, smaller sidebar on linux */ splitter.sidebar-splitter { width: 1px !important; border: none !important; background-color: var(--sidebar-background-color) !important; }