IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Adding delay and animation to submenu

Browse Source
This commit is contained in:
Matt
2016-02-20 09:02:12 -05:00
parent 1144988443
commit 9d893eec01
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
public/sass/components/_sidemenu.scss
View File

@@ -66,14 +66,33 @@
&:hover { &:hover {
.dropdown-menu { .dropdown-menu {
display: block; display: block;
opacity: 0;
top: 0px; top: 0px;
left: $side-menu-width; left: $side-menu-width;
background-color: $side-menu-bg; background-color: $side-menu-bg;
animation: dropdown-anim 100ms ease-in-out 150ms forwards;
z-index: -9999;
} }
} }
} }
} }
@keyframes dropdown-anim {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
transform: translate3d(-5%,0,0);
}
100% {
opacity: 1;
transform: translate3d(0,0,0)
}
}
.sidemenu-main-link { .sidemenu-main-link {
font-size: 16px; font-size: 16px;
} }