From 516159783dcb9eb7f20755b7d4523e4dfd23e7dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=87etin?=
 <69278826+cetincakiroglu@users.noreply.github.com>
Date: Wed, 15 Dec 2021 13:43:39 +0300
Subject: [PATCH] mobile menu animation fix

---
 src/app/app.topbar.component.html   | 2 +-
 src/assets/layout/layout.css        | 4 ++--
 src/assets/sass/layout/_topbar.scss | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/app.topbar.component.html b/src/app/app.topbar.component.html
index 18583ee..35d4174 100644
--- a/src/app/app.topbar.component.html
+++ b/src/app/app.topbar.component.html
@@ -12,7 +12,7 @@
         <i class="pi pi-ellipsis-v"></i>
     </a>
 
-    <div class="layout-topbar-menu" [ngClass]="{'layout-topbar-menu-mobile-active':appMain.topMenuActive,'':appMain.topMenuLeaving}">
+    <div class="layout-topbar-menu" [ngClass]="{'layout-topbar-menu-mobile-active':appMain.topMenuActive}">
          <a href="#" class="p-link layout-topbar-button">
             <i class="pi pi-calendar"></i>
             <span>Calendar</span>
diff --git a/src/assets/layout/layout.css b/src/assets/layout/layout.css
index de58b74..42a15d1 100644
--- a/src/assets/layout/layout.css
+++ b/src/assets/layout/layout.css
@@ -187,8 +187,8 @@ a {
     top: 5rem;
     min-width: 15rem;
     display: none;
-    -webkit-animation: scalein 0.15s linear;
-    animation: scalein 0.15s linear;
+    -webkit-animation: fadein 0.15s linear;
+    animation: fadein 0.15s linear;
   }
   .layout-topbar .layout-topbar-menu.layout-topbar-menu-mobile-active {
     display: block;
diff --git a/src/assets/sass/layout/_topbar.scss b/src/assets/sass/layout/_topbar.scss
index cc2f95f..7940236 100644
--- a/src/assets/sass/layout/_topbar.scss
+++ b/src/assets/sass/layout/_topbar.scss
@@ -118,8 +118,8 @@
             top: 5rem;
             min-width: 15rem;
             display: none;
-            // -webkit-animation: scalein 0.15s linear;
-            // animation: scalein 0.15s linear;
+            -webkit-animation: scalein 0.15s linear;
+            animation: scalein 0.15s linear;
 
             &.layout-topbar-menu-mobile-active {
                 display: block