diff options
| author | Jimmy Cai <github@jimmycai.com> | 2022-06-12 17:53:53 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-06-12 17:53:53 +0300 |
| commit | 1e5cced034022fe3f8fb2500ea49924b7998b8b5 (patch) | |
| tree | c80a13ab93e2042c9656cf278ae88ee3efa12abc | |
| parent | d89def07acfa3df3264e831b999e145ca6321a84 (diff) | |
fix(menu): jitter when closing menu
It's caused by flexbox gap property, which can't animate
| -rw-r--r-- | assets/scss/partials/sidebar.scss | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/assets/scss/partials/sidebar.scss b/assets/scss/partials/sidebar.scss index 95310ca..75332a7 100644 --- a/assets/scss/partials/sidebar.scss +++ b/assets/scss/partials/sidebar.scss @@ -11,7 +11,6 @@ flex-direction: column; flex-shrink: 0; align-self: stretch; - gap: var(--sidebar-element-separation); max-width: none; width: 100%; position: relative; @@ -65,6 +64,11 @@ } } } + + .social-menu, + .menu { + margin-top: var(--sidebar-element-separation); + } } .right-sidebar { |