Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

align the chat-views position to the bottom of the page to overcome view-height bugs (#593)

Browse Source 
* align the chat-views position to the bottom of the page

* introduce a media query to make chat scrolling work on mobile
This commit is contained in:
Thilo Billerbeck 2021-01-10 03:17:10 +01:00 committed by GitHub
parent 3719dd04f5
commit e6fd7fe871
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
webroot/styles/chat.css
View File

@ -3,13 +3,19 @@
#chat-container { #chat-container {
position: fixed; position: fixed;
z-index: 9; z-index: 9;
top: var(--header-height); bottom: 0;
right: 0; right: 0;
width: var(--right-col-width); width: var(--right-col-width);
height: calc(100vh - var(--header-height)); height: calc(100vh - var(--header-height));
} }
@media screen and (max-width: 729px) {
#chat-container {
top: var(--header-height);
}
}
#message-input-container { #message-input-container {
width: var(--right-col-width); width: var(--right-col-width);
} }