diff --git a/assets/css/src/header.css b/assets/css/src/header.css index a1c0268..a5f3c00 100644 --- a/assets/css/src/header.css +++ b/assets/css/src/header.css @@ -79,18 +79,43 @@ margin-right: var(--unit--horizontal); } -#entry-btns.minimized { - color: var(--color-secondary); +#entry-btns .entry-btn--left::before, +#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::after { font-weight: bold; } #entry-btns.minimized .entry-btn--left { + padding-right: 4px; margin-left: calc(-4px - var(--width)); } #entry-btns.minimized .entry-btn--right { + padding-left: 4px; margin-right: calc(-4px - var(--width)); }