design panels btn

This commit is contained in:
isUnknown 2024-04-10 15:23:18 +02:00
parent ba450cbb1f
commit 0de94435e1

View file

@ -79,18 +79,43 @@
margin-right: var(--unit--horizontal); margin-right: var(--unit--horizontal);
} }
#entry-btns.minimized { #entry-btns .entry-btn--left::before,
color: var(--color-secondary); #entry-btns .entry-btn--right::after {
content: "";
position: absolute;
background-color: transparent;
height: var(--unit--vertical);
width: var(--unit--horizontal);
z-index: -1;
transition: all 0.5s var(--curve-sine);
} }
#entry-btns .entry-btn--left::before {
right: 0;
}
#entry-btns .entry-btn--right::after {
left: 0;
}
#entry-btns.minimized {
color: #000;
}
#entry-btns.minimized .entry-btn--left::before,
#entry-btns.minimized .entry-btn--right::after {
background-color: var(--color-secondary);
}
#entry-btns.minimized .entry-btn::before, #entry-btns.minimized .entry-btn::before,
#entry-btns.minimized .entry-btn::after { #entry-btns.minimized .entry-btn::after {
font-weight: bold; font-weight: bold;
} }
#entry-btns.minimized .entry-btn--left { #entry-btns.minimized .entry-btn--left {
padding-right: 4px;
margin-left: calc(-4px - var(--width)); margin-left: calc(-4px - var(--width));
} }
#entry-btns.minimized .entry-btn--right { #entry-btns.minimized .entry-btn--right {
padding-left: 4px;
margin-right: calc(-4px - var(--width)); margin-right: calc(-4px - var(--width));
} }