TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Fixed design settings sidenav animation

Browse Source
This commit is contained in:
Sanne de Vries 2021-11-03 11:24:56 +01:00
parent d03ee358e0
commit 9b00e4d6b8
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ghost/admin/app/styles/layouts/main.css
View File

@ -5,6 +5,7 @@
--mainmenu-color-active-bg: var(--whitegrey);
--mainmenu-width: 320px;
--mainmenu-padding: var(--main-layout-area-padding);
--contextualmenu-width: 360px;
}
/* Utils */
@ -222,13 +223,13 @@
.gh-nav-contextual-enter-active,
.gh-nav-contextual-leave-active {
width: calc(420px - 1px);
width: calc(var(--contextualmenu-width) - 1px);
}
/* For some reason the animate-in transition wasn't working with pure transforms */
/* Using `left` correctly positioned the starting state so we could then use opposite transforms */
.gh-nav-contextual-enter-active {
left: calc(420px - 1px);
left: calc(var(--contextualmenu-width) - 1px);
}
.gh-nav-contextual-enter-to {