Refactor sidebar CSS to use variable for margin calculation and remove unnecessary border

This commit is contained in:
mr. M
2025-02-01 00:24:02 +01:00
parent 4975ff6fdc
commit e7175149d0

View File

@@ -42,14 +42,13 @@
#zen-tabbox-wrapper { #zen-tabbox-wrapper {
& #sidebar-splitter { & #sidebar-splitter {
opacity: 0; opacity: 0;
margin-inline-end: -4px; margin: 0 calc(-1 * var(--zen-element-separation));
} }
& #sidebar-box { & #sidebar-box {
border-radius: var(--zen-native-inner-radius); border-radius: var(--zen-native-inner-radius);
box-shadow: var(--zen-big-shadow); box-shadow: var(--zen-big-shadow);
overflow: hidden; overflow: hidden;
border: 1px solid var(--zen-colors-border);
:root:not([zen-right-side='true']) &[positionend='true'] { :root:not([zen-right-side='true']) &[positionend='true'] {
margin-right: var(--zen-element-separation); margin-right: var(--zen-element-separation);