Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-01-21 23:12:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

improved animations for mobile menu

Browse Source
This commit is contained in:
psychobunny
2013-06-05 16:16:11 -04:00
parent 54f86a912c
commit 2ffd436745
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/css/style.less
View File

@@ -538,6 +538,8 @@ body .navbar .nodebb-inline-block {
}
#mobile-menu, #mobile-menu-overlay {
z-index: 999;
@media (min-width: 979px)
{
display: none !important;
@@ -630,11 +632,10 @@ body .navbar .nodebb-inline-block {
transition: margin-top 250ms ease;
margin-top: 20%;
opacity: 0;
&.menu-visible {
margin-top: 0%;
opacity: 1;
}
i {

4
public/src/modules/mobileMenu.js
View File

@@ -41,10 +41,10 @@ define(function() {
icon.src = 'category/' + category.slug;
icon.onclick = function() {
jQuery(overlay).toggleClass('menu-visible');
jQuery('.mobile-menu-icon').toggleClass('menu-visible');
setTimeout(function() {
jQuery('.mobile-menu-icon').toggleClass('menu-visible');
jQuery(overlay).toggleClass('menu-visible');
}, 200);
ajaxify.go(this.src);