LogalDeveloper/owncast
0
Fork 0
Code Activity

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
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,6 +4,7 @@
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);
@@ -13,7 +14,7 @@
}
.onlineMessage {
letter-spacing: .5px;
letter-spacing: 0.5px;
}
.viewerCount {
@@ -22,5 +23,5 @@
.viewerIcon {
display: inline-block;
margin-right: .5rem;
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;
}