openvibers/openvibe.live Commits

Chat page on phones: one row is held for the voice channel list, so the chat below does not move down when the list lands (CLS 0.04 → 0.024) (#226)

OP OpenVibers committed 27 days ago · 1e0217412e · 1 file, +3 −0

Changes

ddiff --git a/public/css/features/chatpage.css b/public/css/features/chatpage.css
iindex 2367d049..4d1088be 100644
---- a/public/css/features/chatpage.css
++++ b/public/css/features/chatpage.css
@@@ -318,6 +318,9 @@
.vc-sidebar-header {
padding: 10px 12px 8px;
}
++ /* The channel list (at least the Public room) fills in after the page: one row is held for it, so the chat below
++ it does not move down when it lands (a 46-58 px shift on phones, CLS 0.04). */
++ .vc-channel-list { min-height: 58px; }
.vc-connected-header {
padding: 8px 10px;
}