1
0
mirror of https://github.com/flarum/core.git synced 2025-08-04 15:37:51 +02:00

Make drawer invisible when it's not showing

This commit is contained in:
Toby Zerner
2015-03-04 09:49:43 +10:30
parent 8d073f8206
commit 5c00d836db

View File

@@ -176,9 +176,9 @@ body {
} }
} }
// PHONES: On phones, the drawer is displayed in its semantic sense: as a // On phones, the drawer is displayed in its semantic sense: as a drawer on
// drawer on the left side of the screen. On other devices, the drawer has no // the left side of the screen. On other devices, the drawer has no specific
// specific appearance. // appearance.
@media @phone { @media @phone {
.drawer-open { .drawer-open {
overflow: hidden; overflow: hidden;
@@ -191,8 +191,15 @@ body {
left: 0; left: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
visibility: hidden;
.transition(visibility 0s 0.2s);
.drawer-components(); .drawer-components();
.drawer-open & {
visibility: visible;
transition-delay: 0s;
}
} }
} }