From 5c00d836dbca3a21b3e9ffd15836c7d03bee67ae Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Wed, 4 Mar 2015 09:49:43 +1030
Subject: [PATCH] Make drawer invisible when it's not showing

---
 framework/core/ember/app/styles/flarum/layout.less | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/framework/core/ember/app/styles/flarum/layout.less b/framework/core/ember/app/styles/flarum/layout.less
index aa328fb47..bcbb124dc 100644
--- a/framework/core/ember/app/styles/flarum/layout.less
+++ b/framework/core/ember/app/styles/flarum/layout.less
@@ -176,9 +176,9 @@ body {
   }
 }
 
-// PHONES: On phones, the drawer is displayed in its semantic sense: as a
-// drawer on the left side of the screen. On other devices, the drawer has no
-// specific appearance.
+// On phones, the drawer is displayed in its semantic sense: as a drawer on
+// the left side of the screen. On other devices, the drawer has no specific
+// appearance.
 @media @phone {
   .drawer-open {
     overflow: hidden;
@@ -191,8 +191,15 @@ body {
     left: 0;
     top: 0;
     bottom: 0;
+    visibility: hidden;
+    .transition(visibility 0s 0.2s);
 
     .drawer-components();
+
+    .drawer-open & {
+      visibility: visible;
+      transition-delay: 0s;
+    }
   }
 }