Refactor CSS variables for zen-compact-mode to improve layout consistency

This commit is contained in:
mr. M
2024-12-20 23:45:33 +01:00
parent 7446f0f809
commit 16d32c073d

View File

@@ -33,7 +33,7 @@
#navigator-toolbox {
--zen-toolbox-max-width: 64px !important;
--zen-compact-float: calc(var(--zen-element-separation) - 1px);
--zen-compact-float: var(--zen-element-separation);
&:not([animate='true']) {
position: absolute;
@@ -118,9 +118,9 @@
transition: transform 0.25s ease;
opacity: 1;
transform: translateX(calc(100% - var(--zen-element-separation) - 1px));
transform: translateX(calc(100% - var(--zen-compact-float)));
:root[zen-right-side='true'] & {
transform: translateX(calc(-100% + var(--zen-element-separation) + 1px));
transform: translateX(calc(-100% + var(--zen-compact-float)));
}
}
}