mirror of
https://github.com/enso-browser/theme-store.git
synced 2026-10-30 20:27:45 +00:00
zeekay
c95570e34a
Update CSS custom properties (--zen-* → --enso-*), attribute selectors, preference keys, element IDs, and descriptive text across all themes, scripts, and metadata files.
852 lines
24 KiB
CSS
852 lines
24 KiB
CSS
@media (-moz-pref("enso.tabs.vertical")) {
|
|
/* Prevents stuff from being clipped off from bottom of Essentials */
|
|
.enso-essentials-container {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
/* Makes essentials transparent (when toggled) */
|
|
@media (-moz-pref("uc.essentials.color-scheme", "transparent")) {
|
|
.tabbrowser-tab[enso-essential="true"]:not(:hover):not([selected="true"])
|
|
.tab-stack
|
|
.tab-background {
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("enso.view.sidebar-expanded")) {
|
|
/* Default essentials-width and essentials-gap variables (set to browser default) to fix some bugs */
|
|
:root,
|
|
.enso-essentials-container {
|
|
--essentials-gap: calc(var(--enso-toolbox-padding) - 2px);
|
|
|
|
@media (-moz-pref("uc.essentials.width", "Thin")) {
|
|
--min-essentials-width-wrap: 50px !important;
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.width", "Normal")) {
|
|
--min-essentials-width-wrap: 60px !important;
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.width", "Wide")) {
|
|
--min-essentials-width-wrap: 70px !important;
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.gap", "Small")) {
|
|
--essentials-gap: 0px;
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.gap", "Normal")) {
|
|
--essentials-gap: 2px;
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.gap", "Big")) {
|
|
--essentials-gap: 5px;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.width")) {
|
|
@media (-moz-pref("uc.essentials.auto-grow")) {
|
|
.tabbrowser-tab[enso-essential] {
|
|
min-width: calc(100% - var(--enso-toolbox-padding) * 2) !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.grid-count")) {
|
|
.enso-essentials-container {
|
|
grid-template-columns: repeat(
|
|
var(--mod-superpins-essentials-grid-count),
|
|
minmax(var(--min-essentials-width-wrap), auto)
|
|
) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.gap")) {
|
|
.enso-essentials-container {
|
|
gap: var(--essentials-gap) var(--essentials-gap) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.tabs.show-separator", "never")) {
|
|
@media not (-moz-pref("uc.pins.separator-at-bottom")) {
|
|
.pinned-tabs-container-separator {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
):has(> :nth-child(2)) {
|
|
&:has(> :nth-child(3)) {
|
|
padding-bottom: 6px !important;
|
|
}
|
|
|
|
&:not(:has(.tabbrowser-tab)) {
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
@media (-moz-pref("uc.pins.separator-at-bottom")) {
|
|
&:has(.tabbrowser-tab), &:not(:has(.tabbrowser-tab)) {
|
|
position: unset !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.tabs.show-separator", "pinned-shown")) {
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
):not(:has(.tabbrowser-tab)):has(> :nth-child(2)) {
|
|
padding-bottom: 0 !important;
|
|
|
|
@media (-moz-pref("uc.pins.separator-at-bottom")) {
|
|
position: unset !important;
|
|
}
|
|
|
|
@media not (-moz-pref("uc.pins.separator-at-bottom")) {
|
|
.pinned-tabs-container-separator {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.tabs.show-separator", "essentials-shown")) {
|
|
enso-workspace[active="true"]:has(.enso-workspace-pinned-tabs-section .tabbrowser-tab) {
|
|
&:has(
|
|
~ #enso-tabs-wrapper
|
|
#enso-browser-tabs-container
|
|
#vertical-pinned-tabs-container
|
|
.enso-workspace-tabs-section[active="true"]
|
|
.tabbrowser-tab
|
|
) {
|
|
margin-top: 6px !important;
|
|
}
|
|
}
|
|
|
|
.enso-essentials-container {
|
|
&:has(> :nth-child(1)) ~ #enso-tabs-wrapper .enso-workspace-pinned-tabs-section {
|
|
min-height: 20px !important;
|
|
}
|
|
}
|
|
|
|
.enso-essentials-container {
|
|
&:has(> :nth-child(1)) ~ #enso-tabs-wrapper .enso-workspace-pinned-tabs-section {
|
|
.pinned-tabs-container-separator {
|
|
max-height: unset !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Enables legacy layout for pinned tabs (icon only in grid) */
|
|
@media (-moz-pref("uc.pins.legacy-layout")) {
|
|
.enso-tab-group-start {
|
|
display: none;
|
|
}
|
|
|
|
#navigator-toolbox[enso-sidebar-expanded="true"] {
|
|
& #tabbrowser-tabs {
|
|
& .tabbrowser-tab {
|
|
&[enso-pinned-changed="true"]:not([enso-essential])
|
|
> .tab-stack
|
|
> .tab-content
|
|
> .tab-icon-stack {
|
|
position: unset !important;
|
|
top: unset !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#vertical-pinned-tabs-container,
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
) {
|
|
.tabbrowser-tab[pinned] {
|
|
.tab-close-button,
|
|
.tab-reset-button,
|
|
.tab-reset-pin-button,
|
|
.tab-label-container {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/*disable icon shift when tab was renamed*/
|
|
#navigator-toolbox[enso-sidebar-expanded="true"] {
|
|
& #vertical-pinned-tabs-container > .enso-workspace-tabs-section,
|
|
& .enso-workspace-pinned-tabs-section {
|
|
& .tabbrowser-tab > .tab-stack > .tab-content > .tab-icon-stack {
|
|
left: unset !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Make pinned tabs auto-grow to span full width of row */
|
|
@media (-moz-pref("uc.pins.auto-grow")) {
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
) {
|
|
&,
|
|
enso-folder > .tab-group-container {
|
|
display: flex !important;
|
|
flex-wrap: wrap !important;
|
|
flex-direction: row !important;
|
|
|
|
& > enso-folder {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
& > .tabbrowser-tab {
|
|
width: auto !important;
|
|
min-width: var(--tab-pinned-min-width-expanded) !important;
|
|
flex: 1 1 auto !important;
|
|
}
|
|
|
|
& > tab-group {
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
/* Overwrite orient="vertical" styling quirk */
|
|
&[orient="vertical"] {
|
|
writing-mode: vertical-lr;
|
|
block-size: calc(
|
|
var(--actual-enso-sidebar-width) - var(--enso-toolbox-padding) * 2
|
|
) !important;
|
|
|
|
& > * {
|
|
writing-mode: horizontal-tb;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.pins.grid-count")) {
|
|
/* Logic for pinned tabs that have auto-grow and grid-count. Must use +1 to fix */
|
|
#vertical-pinned-tabs-container > .enso-workspace-tabs-section,
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
) {
|
|
& > .tabbrowser-tab {
|
|
width: calc(100% / (var(--mod-superpins-pins-grid-count) + 1)) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media not (-moz-pref("uc.pins.auto-grow")) {
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
) {
|
|
&,
|
|
enso-folder > .tab-group-container {
|
|
grid-template-columns: repeat(
|
|
auto-fit,
|
|
minmax(var(--tab-pinned-min-width-expanded), auto)
|
|
) !important;
|
|
display: grid !important;
|
|
|
|
@media (-moz-pref("uc.pins.grid-count")) {
|
|
grid-template-columns: repeat(
|
|
var(--mod-superpins-pins-grid-count),
|
|
minmax(var(--tab-pinned-min-width-expanded), auto)
|
|
) !important;
|
|
}
|
|
}
|
|
|
|
enso-folder {
|
|
grid-column: -1 / 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* The actual grid layout */
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
) {
|
|
&:has(> :nth-child(3)),
|
|
enso-folder > .tab-group-container:has(> :nth-child(3)) {
|
|
position: relative !important;
|
|
overflow: visible !important;
|
|
gap: 3px 3px !important;
|
|
max-width: calc(100% - var(--enso-toolbox-padding) * 2) !important;
|
|
}
|
|
|
|
&:has(> :nth-child(3)) {
|
|
margin: 0 var(--enso-toolbox-padding) !important;
|
|
padding: 0 var(--enso-toolbox-padding) !important;
|
|
}
|
|
|
|
&:has(> :nth-child(2)) {
|
|
position: relative !important;
|
|
padding-bottom: 25px !important;
|
|
}
|
|
|
|
.tabbrowser-tab {
|
|
--toolbarbutton-inner-padding: 0;
|
|
|
|
&[aria-hidden="true"] {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.tab-icon-stack {
|
|
margin-left: 50% !important;
|
|
transform: translateX(-50%) !important;
|
|
}
|
|
|
|
& > *:not(tab-group) {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
& > tab-group .tab-icon-stack {
|
|
margin: auto !important;
|
|
}
|
|
|
|
enso-folder > .tab-group-container:has(> :nth-child(3)) {
|
|
margin-inline-start: 14px !important;
|
|
|
|
& > * {
|
|
margin-inline-start: 0 !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
}
|
|
|
|
enso-folder[collapsed] .tab-group-container {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.pinned-tabs-container-separator {
|
|
position: absolute !important;
|
|
bottom: 0 !important;
|
|
left: 50% !important;
|
|
transform: translateX(-50%) !important;
|
|
width: calc(100% - var(--enso-toolbox-padding) * 2) !important;
|
|
}
|
|
|
|
@media (-moz-pref("arcline.superpin")) {
|
|
.pinned-tabs-container-separator {
|
|
bottom: -4px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Make Essentials look more box like */
|
|
@media (-moz-pref("uc.essentials.box-like-corners")) {
|
|
.tabbrowser-tab[enso-essential="true"] .tab-stack .tab-background {
|
|
border-radius: 5px !important;
|
|
}
|
|
}
|
|
|
|
/* If Essentials have a grid count but do not have auto-grow on */
|
|
@media (-moz-pref("uc.essentials.grid-count")) {
|
|
.enso-essentials-container {
|
|
grid-template-columns: repeat(
|
|
var(--mod-superpins-essentials-grid-count),
|
|
minmax(var(--min-essentials-width-wrap), auto)
|
|
) !important;
|
|
}
|
|
}
|
|
|
|
/* Make Essentials auto-grow to span full width of a row */
|
|
@media (-moz-pref("uc.essentials.auto-grow")) {
|
|
.tabbrowser-tab[enso-essential="true"] {
|
|
width: auto !important;
|
|
min-width: var(--min-essentials-width-wrap) !important;
|
|
flex: 1 1 auto !important;
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.grid-count")) {
|
|
/* For auto-grow with grid-count. must use +1 to fix a bug */
|
|
.tabbrowser-tab[enso-essential="true"] {
|
|
width: calc(100% / (var(--mod-superpins-essentials-grid-count) + 1)) !important;
|
|
}
|
|
}
|
|
|
|
.enso-essentials-container {
|
|
display: flex !important;
|
|
flex-wrap: wrap !important;
|
|
flex-direction: row !important;
|
|
width: 100% !important;
|
|
|
|
&[data-hack-type="1"] .tabbrowser-tab {
|
|
min-width: max(30%, var(--min-essentials-width-wrap)) !important;
|
|
max-width: auto;
|
|
}
|
|
|
|
&[data-hack-type="2"] .tabbrowser-tab {
|
|
min-width: max(23%, var(--min-essentials-width-wrap)) !important;
|
|
max-width: 1fr;
|
|
}
|
|
|
|
&[data-hack-type="3"] .tabbrowser-tab {
|
|
min-width: max(25%, 48px) !important;
|
|
max-width: 1fr;
|
|
}
|
|
}
|
|
|
|
#navigator-toolbox {
|
|
min-width: min-content !important;
|
|
}
|
|
}
|
|
|
|
/* Puts Essentials at the bottom */
|
|
@media (-moz-pref("uc.essentials.position", "bottom")) {
|
|
#tabbrowser-arrowscrollbox {
|
|
position: relative !important;
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
.enso-essentials-container {
|
|
position: relative !important;
|
|
margin-top: auto !important;
|
|
padding-top: 8px !important;
|
|
}
|
|
|
|
/* Adds padding-bottom only when media controls are visible */
|
|
#enso-media-controls-toolbar:not([hidden]) ~ .enso-essentials-container {
|
|
padding-bottom: 10px !important;
|
|
}
|
|
|
|
#enso-essentials {
|
|
order: 999 !important;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#tabbrowser-arrowscrollbox > enso-workspace {
|
|
width: 100% !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
#navigator-toolbox[enso-sidebar-expanded="true"] {
|
|
.enso-essentials-container {
|
|
min-width: 100% !important;
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.position", "bottom")) and (-moz-pref("enso.workspaces.indicator-position", "bottom")) {
|
|
.enso-current-workspace-indicator {
|
|
margin-bottom: -10px;
|
|
margin-right: 0.5px;
|
|
}
|
|
}
|
|
|
|
/* Adds a little bg to the pinned tabs */
|
|
@media (-moz-pref("uc.pins.bg")) {
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--pins-bg-percentage: 40%;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--pins-bg-percentage: 7%;
|
|
}
|
|
}
|
|
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
) {
|
|
/* background color of pinned tabs in a normal state (not hovered/selected) */
|
|
.tabbrowser-tab[pinned] .tab-stack .tab-background {
|
|
background-color: color-mix(
|
|
in srgb,
|
|
white var(--pins-bg-percentage),
|
|
transparent
|
|
) !important;
|
|
}
|
|
|
|
/* background color when hovering */
|
|
.tabbrowser-tab[pinned]:hover .tab-stack .tab-background {
|
|
background-color: color-mix(
|
|
in srgb,
|
|
white calc(var(--pins-bg-percentage) + 3%),
|
|
transparent
|
|
) !important;
|
|
}
|
|
|
|
/* background color when selected */
|
|
.tabbrowser-tab[pinned][selected="true"] .tab-stack .tab-background,
|
|
.tabbrowser-tab[pinned][multiselected="true"] .tab-stack .tab-background {
|
|
background-color: color-mix(
|
|
in srgb,
|
|
white calc(var(--pins-bg-percentage) + 16%),
|
|
transparent
|
|
) !important;
|
|
}
|
|
|
|
/* background color when selected and hovering*/
|
|
.tabbrowser-tab[pinned][selected="true"]:hover .tab-stack .tab-background,
|
|
.tabbrowser-tab[pinned][multiselected="true"]:hover .tab-stack .tab-background {
|
|
background-color: color-mix(
|
|
in srgb,
|
|
white calc(var(--pins-bg-percentage) + 18%),
|
|
transparent
|
|
) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.pins.transition-bg")) {
|
|
.tabbrowser-tab[pinned]:not([enso-essential]) .tab-background {
|
|
transition: background-color var(--uc-pins-transition-speed) ease;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.transition-bg")) {
|
|
.tabbrowser-tab[enso-essential] .tab-background {
|
|
transition: background-color var(--uc-essentials-transition-speed) ease;
|
|
}
|
|
}
|
|
|
|
/* Adds border to Pins/Essentials (when toggled) */
|
|
@media (-moz-pref("uc.superpins.border", "essentials")) {
|
|
.enso-essentials-container {
|
|
& .tabbrowser-tab[enso-essential="true"] .tab-stack .tab-background {
|
|
border: 1px solid
|
|
light-dark(
|
|
color-mix(in srgb, var(--enso-colors-secondary) 80%, black),
|
|
color-mix(in srgb, var(--enso-colors-secondary) 80%, white)
|
|
) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.superpins.border", "pins")) {
|
|
.tabbrowser-tab[pinned]:not([enso-essential="true"]) .tab-stack .tab-background,
|
|
#vertical-pinned-tabs-container > .enso-workspace-tabs-section tab-group,
|
|
.enso-workspace-pinned-tabs-section tab-group {
|
|
border: 1px solid
|
|
light-dark(
|
|
color-mix(in srgb, var(--enso-colors-secondary) 80%, black),
|
|
color-mix(in srgb, var(--enso-colors-secondary) 80%, white)
|
|
) !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.superpins.border", "both")) {
|
|
.tabbrowser-tab[pinned] .tab-stack .tab-background,
|
|
#vertical-pinned-tabs-container > .enso-workspace-tabs-section tab-group,
|
|
.enso-workspace-pinned-tabs-section tab-group {
|
|
border: 1px solid
|
|
light-dark(
|
|
color-mix(in srgb, var(--enso-colors-secondary) 80%, black),
|
|
color-mix(in srgb, var(--enso-colors-secondary) 80%, white)
|
|
) !important;
|
|
}
|
|
}
|
|
|
|
/* Let pinned tabs have the same selected styling as essentials */
|
|
@media (-moz-pref("uc.pins.essentials-layout")) {
|
|
/* Specific query to overwrite previous one */
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
):has(> :nth-child(3)) {
|
|
@media (-moz-pref("uc.essentials.width")) {
|
|
grid-template-columns: repeat(
|
|
auto-fit,
|
|
minmax(var(--min-essentials-width-wrap), auto)
|
|
) !important;
|
|
|
|
& > .tabbrowser-tab {
|
|
min-width: var(--min-essentials-width-wrap) !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.gap")) {
|
|
gap: var(--essentials-gap) var(--essentials-gap) !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.pins.grid-count")) {
|
|
.enso-workspace-pinned-tabs-section {
|
|
grid-template-columns: repeat(
|
|
var(auto-fit, --mod-superpins-pins-grid-count),
|
|
minmax(var(--min-essentials-width-wrap), auto)
|
|
) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* pins height */
|
|
:root {
|
|
--pins-height: var(--tab-min-height);
|
|
}
|
|
|
|
@media (-moz-pref("uc.pinned.height", "small")) {
|
|
:root {
|
|
--pins-height: 40px;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.pinned.height", "normal")) {
|
|
:root {
|
|
--pins-height: 50px;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.pinned.height", "large")) {
|
|
:root {
|
|
--pins-height: 60px;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.pinned.height")) {
|
|
.enso-workspace-pinned-tabs-section .tabbrowser-tab {
|
|
height: var(--pins-height) !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.essentials.same-height")) {
|
|
.tabbrowser-tab[enso-essential] {
|
|
height: var(--pins-height) !important;
|
|
}
|
|
|
|
.tabbrowser-tab[enso-essential] .tab-background {
|
|
min-height: var(--pins-height) !important;
|
|
}
|
|
}
|
|
|
|
/* favicon size */
|
|
@media (-moz-pref("uc.favicon.size", "small")) {
|
|
.tab-icon-pending,
|
|
.tab-icon-image,
|
|
.tab-sharing-icon-overlay,
|
|
.tab-icon-overlay {
|
|
height: 16px !important;
|
|
width: 16px !important;
|
|
}
|
|
|
|
/* No need to scale tab throbber as it is same size. */
|
|
}
|
|
|
|
@media (-moz-pref("uc.favicon.size", "normal")) {
|
|
.tab-icon-pending,
|
|
.tab-icon-image,
|
|
.tab-sharing-icon-overlay,
|
|
.tab-icon-overlay {
|
|
height: 18px !important;
|
|
width: 18px !important;
|
|
}
|
|
|
|
.tab-throbber {
|
|
transform: scale(1.125) !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.favicon.size", "large")) {
|
|
.tab-icon-pending,
|
|
.tab-icon-image,
|
|
.tab-sharing-icon-overlay,
|
|
.tab-icon-overlay {
|
|
height: 20px !important;
|
|
width: 20px !important;
|
|
}
|
|
|
|
.tab-throbber {
|
|
transform: scale(1.25) !important;
|
|
}
|
|
}
|
|
|
|
/* workspace icons size */
|
|
@media (-moz-pref("uc.workspace.icon.size", "x-small")) {
|
|
#enso-workspaces-button {
|
|
font-size: x-small !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.workspace.icon.size", "small")) {
|
|
#enso-workspaces-button {
|
|
font-size: small !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.workspace.icon.size", "medium")) {
|
|
#enso-workspaces-button {
|
|
font-size: medium !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.workspace.icon.size", "large")) {
|
|
#enso-workspaces-button {
|
|
font-size: large !important;
|
|
}
|
|
}
|
|
|
|
/* current workspace icons size */
|
|
@media (-moz-pref("uc.workspace.current.icon.size", "small")) {
|
|
.enso-current-workspace-indicator .enso-current-workspace-indicator-icon {
|
|
font-size: 12px !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.workspace.current.icon.size", "normal")) {
|
|
.enso-current-workspace-indicator .enso-current-workspace-indicator-icon {
|
|
font-size: 14.5px !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.workspace.current.icon.size", "large")) {
|
|
.enso-current-workspace-indicator .enso-current-workspace-indicator-icon {
|
|
font-size: 16px !important;
|
|
}
|
|
}
|
|
|
|
/* Increase margin below Essentials in case the workspace indicator is not visible. */
|
|
@media not (-moz-pref("enso.workspaces.show-workspace-indicator")) {
|
|
.enso-current-workspace-indicator {
|
|
display: none !important;
|
|
}
|
|
|
|
.enso-essentials-container {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
@media not (-moz-pref("uc.tabs.show-separator", "essentials-shown")) {
|
|
#tabbrowser-tabs:has(.enso-essentials-container) #enso-tabs-wrapper {
|
|
margin-top: 6px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Ensure that the browser uses SuperPins dim rather than the built-in dim-pending. */
|
|
.tab-icon-image[pending="true"],
|
|
.tabbrowser-tab[pending="true"] .tab-text {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/* If dim-type is set to icons. */
|
|
@media (-moz-pref("uc.tabs.dim-type", "icons")) {
|
|
.tab-icon-image[pending="true"] {
|
|
opacity: 0.5 !important;
|
|
}
|
|
}
|
|
|
|
/* If dim-type is set to text. */
|
|
@media (-moz-pref("uc.tabs.dim-type", "text")) {
|
|
.tabbrowser-tab[pending="true"] .tab-text {
|
|
opacity: 0.5 !important;
|
|
}
|
|
}
|
|
|
|
/* If dim-type is set to icon + text. */
|
|
@media (-moz-pref("uc.tabs.dim-type", "both")) {
|
|
.tab-icon-image[pending="true"],
|
|
.tabbrowser-tab[pending="true"] .tab-text {
|
|
opacity: 0.5 !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.tabs.strikethrough-on-pending")) {
|
|
.tabbrowser-tab[pending="true"] .tab-text {
|
|
text-decoration: line-through !important;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.pins.stay-at-top")) {
|
|
enso-workspace > arrowscrollbox.workspace-arrowscrollbox {
|
|
overflow-y: hidden !important;
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
#tabbrowser-arrowscrollbox .enso-workspace-pinned-tabs-section {
|
|
flex: 0 1 0;
|
|
}
|
|
|
|
#tabbrowser-arrowscrollbox .enso-workspace-normal-tabs-section {
|
|
flex: 1 1 0;
|
|
overflow-y: auto !important;
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.pins.active-bg")) {
|
|
.enso-workspace-pinned-tabs-section:not(
|
|
:has([enso-dragtarget], enso-folder .tab-group-label-container[enso-dragtarget])
|
|
) {
|
|
.tabbrowser-tab[pinned][selected="true"] .tab-stack .tab-background {
|
|
background-color: var(--mod-superpins-pins-active-bg) !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.tabbrowser-tab[pinned][selected="true"]:hover .tab-stack .tab-background {
|
|
opacity: 0.8 !important;
|
|
background-color: var(--mod-superpins-pins-active-bg) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("enso.workspaces.indicator-name-center")) {
|
|
.enso-current-workspace-indicator-stack {
|
|
position: absolute;
|
|
}
|
|
|
|
.enso-current-workspace-indicator-name {
|
|
position: absolute;
|
|
transform: translateX(-50%);
|
|
left: 50%;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("enso.workspaces.indicator-position", "top")),
|
|
(-moz-pref("enso.workspaces.indicator-position", "bottom")) {
|
|
.enso-current-workspace-indicator {
|
|
position: fixed !important;
|
|
|
|
&::before {
|
|
width: calc(100% - var(--enso-toolbox-padding) * 2.6) !important;
|
|
}
|
|
}
|
|
|
|
.enso-workspaces-actions {
|
|
padding: 0 2px !important;
|
|
}
|
|
|
|
.enso-workspace-pinned-tabs-section {
|
|
margin-top: 4px !important;
|
|
}
|
|
|
|
#enso-essentials {
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("enso.workspaces.indicator-position", "top")) {
|
|
enso-workspace {
|
|
overflow: visible !important;
|
|
padding-bottom: 50px !important;
|
|
}
|
|
|
|
#enso-essentials {
|
|
margin-top: 48px;
|
|
}
|
|
|
|
.enso-current-workspace-indicator {
|
|
top: -48px;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("enso.workspaces.indicator-position", "bottom")) {
|
|
.workspace-arrowscrollbox {
|
|
margin-bottom: 48px !important;
|
|
}
|
|
|
|
.enso-current-workspace-indicator {
|
|
bottom: 5px;
|
|
}
|
|
}
|
|
|
|
@media (-moz-pref("uc.remove-sidebar-scrollbar")) {
|
|
scrollbox:nth-child(5),
|
|
#tabbrowser-arrowscrollbox .enso-workspace-normal-tabs-section {
|
|
scrollbar-width: none !important;
|
|
}
|
|
}
|
|
}
|