glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

hide mobile menu if browser is resized to full size (#937)

Browse source
This commit is contained in:
Devin Howard 2016-11-28 13:53:29 -05:00 committed by GitHub
parent 90c5bc26fc
commit 4da3a9d55f
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/assets/stylesheets/mobile.scss.erb
View file

@ -229,6 +229,16 @@
list-style: none; list-style: none;
} }
/*
* the mobile menu, even if it's been opened by a user, should
* not show up if they resize their browser back to full size
*/
@media only screen and (max-width : 504px) {
#mobile_menu.visible {
display: block;
}
}
li.mobileMenuUser { li.mobileMenuUser {
border-bottom: 1px solid #BBB; border-bottom: 1px solid #BBB;
} }

2
frontend/src/Metamaps/Mobile.js
View file

@ -22,7 +22,7 @@ const Mobile = {
self.toggleMenu() self.toggleMenu()
}, },
toggleMenu: function() { toggleMenu: function() {
$('#mobile_menu').toggle() $('#mobile_menu').toggleClass('visible')
}, },
titleClick: function() { titleClick: function() {
if (Active.Map) { if (Active.Map) {