mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-05 19:08:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use var for zen compact float.

Browse Source
This commit is contained in:
brahim
2024-10-10 16:28:17 +02:00
parent dadc13a2df
commit d043ea25d8
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/browser/base/content/zen-styles/zen-compact-mode.css
View File

@@ -28,21 +28,22 @@
#navigator-toolbox {
--zen-toolbox-max-width: 54px !important;
--zen-compact-float: calc(var(--zen-element-separation) + 1px);
position: absolute;
height: calc(100% - var(--zen-element-separation) * 2);
z-index: 9;
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
right: calc(100% - var(--zen-element-separation));
top: var(--zen-element-separation);
bottom: var(--zen-element-separation);
opacity: 0;
padding-left: calc(var(--zen-element-separation) + 2px) !important;
padding-left: var(--zen-compact-float) !important;
padding-bottom: 0 !important;
padding-top: 0 !important;
#browser:has(#navigator-toolbox[zen-right-side='true']) & {
padding-left: unset !important;
padding-right: calc(var(--zen-element-separation) + 2px) !important;
left: calc(100% - var(--zen-element-separation) + 1px);
padding-right: var(--zen-compact-float) !important;
left: calc(100% - var(--zen-element-separation));
right: unset;
}
}
@@ -52,14 +53,13 @@
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
border-radius: calc(var(--zen-border-radius) + 2px);
border: 1px solid var(--zen-colors-border);
border-left-width: 0;
padding: var(--zen-toolbox-padding) !important;
position: relative;
}
/* Mark: toolbox as collapsed */
#navigator-toolbox:not(#navigator-toolbox:is(#navigator-toolbox[zen-expanded='true'])) {
max-width: calc(var(--zen-toolbox-max-width) + var(--zen-element-separation) + 2px) !important;
min-width: calc(var(--zen-toolbox-max-width) + var(--zen-element-separation) + 2px) !important;
max-width: calc(var(--zen-toolbox-max-width) + var(--zen-compact-float)) !important;
min-width: calc(var(--zen-toolbox-max-width) + var(--zen-compact-float)) !important;
}
#navigator-toolbox:hover,