fix FOUS-like flash of mobile menu on slow connections

10 years ago · 0b7dada60b
parent 9522e709cb
commit 0b7dada60b
3 changed files with 7 additions and 1 deletions
--- a/less/mobile.less
+++ b/less/mobile.less
@ -1,3 +1,7 @@
+#menu {
+	display: none;
+}
+
@media (max-width: 980px) {
 	html {
 		height: 100%;
--- a/lib/persona.js
+++ b/lib/persona.js
@ -168,6 +168,8 @@ $(document).ready(function() {
 		});

 		$('#mobile-menu').on('click', function() {
+			$('#menu').show();
+
 			if (!slideout.isOpen()) {
 				require(['chat', 'notifications'], function(chat, notifications) {
 					chat.loadChats($('#menu [data-section="chats"] ul'));
--- a/templates/header.tpl
+++ b/templates/header.tpl
@ -38,7 +38,7 @@
 </head>

 <body>
-	<nav id="menu" class="visible-xs visible-sm">
+	<nav id="menu">
 		<section class="menu-profile">
 			<img src="{user.picture}"/>
 			<i component="user/status" class="fa fa-fw fa-circle status {user.status}"></i></span>