realSunyz/hugo-theme-stack
1
0
Fork 0
forked from Sync/hugo-theme-stack
Code Pull Requests Activity

fix(menu): jitter when closing menu

Browse Source 
It's caused by flexbox gap property, which can't animate
This commit is contained in:
Jimmy Cai 2022-06-12 14:53:53 +00:00 committed by GitHub
parent d89def07ac
commit 1e5cced034
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/scss/partials/sidebar.scss
View File

@ -11,7 +11,6 @@
flex-direction: column; flex-direction: column;
flex-shrink: 0; flex-shrink: 0;
align-self: stretch; align-self: stretch;
gap: var(--sidebar-element-separation);
max-width: none; max-width: none;
width: 100%; width: 100%;
position: relative; position: relative;
@ -65,6 +64,11 @@
} }
} }
} }
.social-menu,
.menu {
margin-top: var(--sidebar-element-separation);
}
} }
.right-sidebar { .right-sidebar {