LogalDeveloper/owncast
0
Fork 0
Code Activity

Give chat a min-height that other elements yield to on mobile clients (#2676)

Browse Source 
* Add className prop to some components

* Give mobile chatbox height priority over other elements

* Optimize for mobile landscape mode

* Make thumbnail background black

* Fix overflow issues on narrow screens

* Adjust layout for offline mode on mobile

* Fix main content width on Desktop

* Fix offline layout for desktop
This commit is contained in:
Michael David Kuckuk
2023-02-09 03:50:58 +01:00
committed by GitHub
parent c9773091a2
commit 25119561fb
11 changed files with 176 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/components/ui/Header/Header.module.scss
View File

@@ -38,7 +38,9 @@
font-weight: 600;
white-space: nowrap;
text-overflow: ellipsis;
width: 70vw;
// 6rem is an overapproximation of the width of
// the user menu
max-width: min(70vw, calc(100vw - 6rem));
overflow: hidden;
line-height: 1.4;
}