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

* 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

View File

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