f.spilla/nx-primeng-sakai-v17
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mobile menu animation fix

Browse Source
This commit is contained in:
Çetin 2021-12-15 13:43:39 +03:00
parent be0da505d0
commit 516159783d
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/app.topbar.component.html
View File

@ -12,7 +12,7 @@
<i class="pi pi-ellipsis-v"></i> <i class="pi pi-ellipsis-v"></i>
</a> </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"> <a href="#" class="p-link layout-topbar-button">
<i class="pi pi-calendar"></i> <i class="pi pi-calendar"></i>
<span>Calendar</span> <span>Calendar</span>

4
src/assets/layout/layout.css
View File

@ -187,8 +187,8 @@ a {
top: 5rem; top: 5rem;
min-width: 15rem; min-width: 15rem;
display: none; display: none;
-webkit-animation: scalein 0.15s linear; -webkit-animation: fadein 0.15s linear;
animation: scalein 0.15s linear; animation: fadein 0.15s linear;
} }
.layout-topbar .layout-topbar-menu.layout-topbar-menu-mobile-active { .layout-topbar .layout-topbar-menu.layout-topbar-menu-mobile-active {
display: block; display: block;

4
src/assets/sass/layout/_topbar.scss
View File

@ -118,8 +118,8 @@
top: 5rem; top: 5rem;
min-width: 15rem; min-width: 15rem;
display: none; display: none;
// -webkit-animation: scalein 0.15s linear; -webkit-animation: scalein 0.15s linear;
// animation: scalein 0.15s linear; animation: scalein 0.15s linear;
&.layout-topbar-menu-mobile-active { &.layout-topbar-menu-mobile-active {
display: block display: block