From 1a02fa647462e389d21f27d9bb18ba249dc29d70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=20Jurmanovi=C4=87?= <fjurma12@outlook.com>
Date: Fri, 4 Jun 2021 17:34:23 +0200
Subject: [PATCH] animated custom button

---
 src/styles/menu-item/menu-item.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/styles/menu-item/menu-item.scss b/src/styles/menu-item/menu-item.scss
index 8752433..2c125f2 100644
--- a/src/styles/menu-item/menu-item.scss
+++ b/src/styles/menu-item/menu-item.scss
@@ -49,12 +49,16 @@ menu-item {
         }
         [data-target="menu-item.customButton"] {
             grid-area: custom;
-            display: none;
+            display: flex;
+            visibility: hidden;
+            width: 0px;
+            display: flex;
+            transition: width 0.3s;
         }
         &:hover {
             [data-target="menu-item.customButton"] {
                 grid-area: custom;
-                display: flex;
+                visibility: visible;
                 align-items: center;
                 justify-content: center;
                 width: 50px;