From 1e5cced034022fe3f8fb2500ea49924b7998b8b5 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <github@jimmycai.com>
Date: Sun, 12 Jun 2022 14:53:53 +0000
Subject: [PATCH] fix(menu): jitter when closing menu

It's caused by flexbox gap property, which can't animate
---
 assets/scss/partials/sidebar.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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 {