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:
@@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user