fix youtube embed sizing and weird zindexing; fix single col video sizing inconsistency across other browsers

This commit is contained in:
Ginger Wong
2020-08-27 12:25:46 -07:00
parent b549b21257
commit 43e88ee81d
7 changed files with 18 additions and 54 deletions

View File

@@ -143,6 +143,7 @@ header {
.single-col {
--right-col-width: 0px;
--video-container-height: calc((9 / 16) * 100vw);
}
.single-col main {
position: fixed;
@@ -154,9 +155,18 @@ header {
width: 100%;
height: auto;
}
.single-col #video-container {
/* .single-col #video-container {
min-height: auto;
width: 100%;
} */
.single-col.chat #video-container,
.single-col.no-chat #video-container,
.single-col #video-container #video,
.single-col.chat #video-container #video {
width: 100vw;
height: var(--video-container-height);
min-height: 212px;
}
.single-col #user-content,
.single-col #chat-container-wrap {