74 lines
2.6 KiB
CSS
74 lines
2.6 KiB
CSS
/**
|
||
* 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;
|
||
}
|
||
|
||
|