LogalDeveloper/owncast
0
Fork 0
Code Activity

videojs video sizing hacks, other css

Browse Source
This commit is contained in:
Ginger Wong
2020-06-14 16:32:39 -07:00
parent a3c3276a48
commit aead6d6b13
2 changed files with 38 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
webroot/styles/layout.css
View File

@@ -148,7 +148,7 @@ header h1 {
/* ************************************************8 */
#video-container {
.owncast-video-container {
width: 100%;
height: auto;
display: flex;
@@ -157,19 +157,32 @@ header h1 {
align-items: center;
background-color: black;
}
#video-container video {
.owncast-video-container .video-js {
width: 100%;
display: block;
height: calc(100vh - var(--header-height) - 5em);
}
.owncast-video-container video {
width: 100%;
display: block;
min-height: 100%
}
/* ************************************************8 */
#stream-info {
padding: .5em;
padding: .5em 2em;
text-align: center;
font-family: monospace;
font-size: .75em;
background-color: rgba(0,0,0,.5);
border-bottom: 1px solid black;
flex-direction: row;
justify-content: space-between;
}
#user-content {
padding: 2em;
}
/* ************************************************8 */