mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-14 20:23:53 +02:00
152 lines
3.8 KiB
CSS
152 lines
3.8 KiB
CSS
|
|
@media (-moz-bool-pref: "theme.sidebar_expand_on_hover.hide_workspace_indicator") {
|
|
#zen-current-workspace-indicator {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.tab-content {
|
|
justify-content: space-between !important;
|
|
padding: 0 var(--tab-inline-padding) !important;
|
|
gap: var(--tab-inline-padding);
|
|
width: 100% !important;
|
|
}
|
|
|
|
.tabbrowser-tab {
|
|
width: 100% !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.tab-label-container {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
#TabsToolbar {
|
|
padding-top: var(--zen-element-separation) !important;
|
|
--tab-collapsed-width: 44px !important;
|
|
width: var(--tab-collapsed-width) !important;
|
|
transition: 120ms width cubic-bezier(.24, -0.01, .58, 1) !important;
|
|
overflow: clip;
|
|
position: relative;
|
|
}
|
|
|
|
#vertical-pinned-tabs-container:has(tab:not([hidden])) {
|
|
& .tabbrowser-tab {
|
|
max-width: unset !important;
|
|
}
|
|
}
|
|
|
|
#zen-sidebar-top-buttons {
|
|
margin: 0 !important;
|
|
width: var(--tab-collapsed-width) !important;
|
|
}
|
|
|
|
@media not (-moz-bool-pref: "theme.sidebar_expand_on_hover.custom_background") {
|
|
#TabsToolbar::before {
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: calc(100% + var(--zen-element-separation));
|
|
top: calc(0px - var(--zen-element-separation));
|
|
opacity: 0.0;
|
|
transition: 60ms opacity ease-in 60ms;
|
|
z-index: -1;
|
|
background: var(--zen-main-browser-background-toolbar) !important;
|
|
background-attachment: fixed !important;
|
|
background-size: 2000px !important;
|
|
backdrop-filter: blur(5px) !important;
|
|
}
|
|
|
|
#TabsToolbar:hover::before {
|
|
opacity: 1.0 !important;
|
|
;
|
|
transition: 60ms opacity ease-out;
|
|
}
|
|
}
|
|
|
|
#TabsToolbar:hover {
|
|
width: var(--theme-sidebar_expand_on_hover-expanded_width) !important;
|
|
box-shadow: 1px -1px black;
|
|
|
|
}
|
|
|
|
.tab-background {
|
|
width: calc(100% - 4px) !important;
|
|
}
|
|
|
|
#zen-sidebar-icons-wrapper {
|
|
justify-content: space-evenly !important;
|
|
display: flex;
|
|
flex-direction: row !important;
|
|
transition: gap 120ms ease-in-out !important;
|
|
}
|
|
|
|
#zen-workspaces-button {
|
|
flex-direction: row !important;
|
|
}
|
|
|
|
@media not (-moz-bool-pref: "theme.sidebar_expand_on_hover.collapse_buttons") {
|
|
#zen-sidebar-icons-wrapper {
|
|
justify-content: start !important;
|
|
padding-left: calc((var(--tab-collapsed-width) - 36px ) / 2) !important;;
|
|
}
|
|
}
|
|
|
|
@media (-moz-bool-pref: "theme.sidebar_expand_on_hover.collapse_buttons") {
|
|
#TabsToolbar:not(#TabsToolbar:hover) {
|
|
#zen-sidebar-icons-wrapper {
|
|
gap: 0 !important;
|
|
;
|
|
}
|
|
|
|
#zen-workspaces-button {
|
|
gap: 0 !important;
|
|
|
|
&:not([as-button="true"]) {
|
|
& toolbarbutton {
|
|
&[active="true"]::after {
|
|
left: 50% !important;
|
|
bottom: -2px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:not([as-button="true"]) {
|
|
& toolbarbutton {
|
|
&:not([active="true"]) {
|
|
width: 0 !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#zen-sidebar-icons-wrapper> :not(#zen-workspaces-button) {
|
|
width: 0 !important;
|
|
}
|
|
}
|
|
|
|
#zen-workspaces-button {
|
|
&:not([as-button="true"]) {
|
|
& toolbarbutton {
|
|
&[active="true"]::after {
|
|
animation: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:not([as-button="true"]) {
|
|
& toolbarbutton {
|
|
&:not([active="true"]) {
|
|
transition: width 120ms ease-in-out !important;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#zen-sidebar-icons-wrapper> :not(#zen-workspaces-button) {
|
|
transition: width 120ms ease-in-out !important;
|
|
width: 42px;
|
|
overflow: hidden !important;
|
|
}
|
|
}
|