aboutsummaryrefslogtreecommitdiff
path: root/client-web/style/side.sass
diff options
context:
space:
mode:
authormetamuffin <metamuffin@disroot.org>2023-06-25 10:01:06 +0200
committermetamuffin <metamuffin@disroot.org>2023-06-25 10:01:06 +0200
commit3108716934dfc26c4f93eb60001f37065fef3186 (patch)
tree08f243497cf6f6632ce2ac9b105c936bf2833ac1 /client-web/style/side.sass
parent018adcfbf7b8662a187b4c287434521fe43f4f9e (diff)
downloadkeks-meet-3108716934dfc26c4f93eb60001f37065fef3186.tar
keks-meet-3108716934dfc26c4f93eb60001f37065fef3186.tar.bz2
keks-meet-3108716934dfc26c4f93eb60001f37065fef3186.tar.zst
flexbox is not flexible enough
Diffstat (limited to 'client-web/style/side.sass')
-rw-r--r--client-web/style/side.sass17
1 files changed, 13 insertions, 4 deletions
diff --git a/client-web/style/side.sass b/client-web/style/side.sass
index 89679f8..423746d 100644
--- a/client-web/style/side.sass
+++ b/client-web/style/side.sass
@@ -1,11 +1,11 @@
.side-ui
flex: 0
- >*
+ .side-tray
height: 100%
+ overflow-y: auto
padding: 2em
background-color: var(--bg)
- float: right
>.animate-in
animation-name: side-slide-in
@@ -26,7 +26,16 @@
to
transform: translateX(100%)
+.main
+ flex: 1
+ display: flex
+ flex-flow: row
+ @media (max-width: 900px)
+ flex-flow: column
+
+.control-bar
+ flex: 0
.preferences
- width: 50em
+ width: min(50em, 100vw)
.chat
- width: 30em
+ width: min(30em, 100vw)