LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

fix(embed): leave room for status bar in video embed. Closes #3104

Browse Source
This commit is contained in:
Gabe Kangas 2023-06-28 10:12:01 -07:00
parent e4b5ebc48b
commit b1a8f712c0
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/components/ui/Statusbar/Statusbar.module.scss
View File

@ -4,23 +4,24 @@
justify-content: space-between;
height: var(--status-bar-height);
width: 100%;
max-height: 4vh;
padding: var(--content-padding);
color: var(--theme-color-components-video-status-bar-foreground);
background-color: var(--theme-color-components-video-status-bar-background);
font-family: var(--theme-text-display-font-family);
font-size: 11px;
font-size: 11px;
font-weight: 400;
}
.onlineMessage {
letter-spacing: .5px;
letter-spacing: 0.5px;
}
.viewerCount {
vertical-align: middle;
vertical-align: middle;
}
.viewerIcon {
display: inline-block;
margin-right: .5rem;
display: inline-block;
margin-right: 0.5rem;
}

4
web/components/video/OwncastPlayer/OwncastPlayer.module.scss
View File

@ -17,7 +17,7 @@
// padding-right: 320px;
}
//set height of player for tablet
// set height of player for tablet
@include screen(tablet) {
height: var(--player-container-height);
max-height: var(--player-container-height);
@ -32,6 +32,6 @@
}
.embedded {
height: 100vh;
height: 96vh; // Leave room for the status bar
max-height: unset;
}