justme
1db3795d6a
Spaces, channels, files, members and the account move into a left drawer, the top bar keeps only the essentials, and touch devices get a tap menu instead of always-visible delete buttons. Also fixes the history checkboxes in the channel settings sheet.
41 lines
656 B
CSS
41 lines
656 B
CSS
.scrim {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 50;
|
|
background: var(--scrim);
|
|
animation: drawer-scrim-in 0.15s ease-out;
|
|
}
|
|
|
|
.drawer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: min(320px, 86vw);
|
|
height: 100%;
|
|
padding-top: env(safe-area-inset-top);
|
|
border-right: 1px solid var(--line);
|
|
background: var(--bg);
|
|
box-shadow: var(--shadow-sheet);
|
|
outline: none;
|
|
animation: drawer-in 0.2s ease-out;
|
|
}
|
|
|
|
@keyframes drawer-scrim-in {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes drawer-in {
|
|
from {
|
|
translate: -24px 0;
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.scrim,
|
|
.drawer {
|
|
animation: none;
|
|
}
|
|
}
|