Commit 6e2fb9d7f322
tarball2 files changed+12-0
@@ -1719,6 +1719,7 @@
17191719
class:nav-folded={$navFolded && (selectedRoom || sidebarOpen)}17201720
class:rail-folded={$railFolded && selectedRoom}17211721
class:members-open={selectedRoom && membersOpen}1722
+ class:sidebar-open={sidebarOpen}17221723
class:resizing17231724
style:--side-open={`${$sideWidth}px`}17241725
style:--members-open={`${$membersWidth}px`}@@ -945,9 +945,20 @@ input, textarea { font: inherit; }
945945
@media (min-width: 641px) and (max-width: 1100px) {946946
.only-mobile { display: none; }947947
.only-desktop { display: inline-block; }948
+ .app { transition: grid-template-columns var(--pane-ease); }948949
.app > .sidebar { left: var(--rail-w); transform: translateX(calc(-100% - var(--rail-w))); }949950
.app > .sidebar.open { transform: none; }950951
.scrim { left: var(--rail-w); }952
+ .app > .account {953
+ position: fixed;954
+ left: var(--rail-w);955
+ bottom: 0;956
+ z-index: 41;957
+ width: var(--side-open, 260px);958
+ transform: translateX(calc(-100% - var(--rail-w)));959
+ transition: transform var(--pane-ease);960
+ }961
+ .app.sidebar-open > .account { transform: none; }951962
.app > .members {952963
position: relative;953964
top: auto;