Fixed aspect ratio for video element on mobile

This commit is contained in:
Konstantin 2020-10-20 01:28:34 +04:00 committed by GitHub
parent ed733b6992
commit 868f7da3d2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 5 deletions

View File

@ -424,9 +424,13 @@ input[type=text] {
/* ---------------------- */
/* COMBINED MODE (MOBILE) */
/* ---------------------- */
@media screen and (max-width: 768px) {
.combined {
grid-template-columns: 1fr;
grid-template-rows: 50vw 1fr;
}
@media screen and (max-width: 480px) {
.combined {
grid-template-columns: 1fr;
grid-template-rows: 56.25vw 1fr;
}
.combined #chatwindow {
max-height: calc(var(--var-max-height) - 56.25vw);
}
}