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

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

@@ -4,23 +4,24 @@
justify-content: space-between; justify-content: space-between;
height: var(--status-bar-height); height: var(--status-bar-height);
width: 100%; width: 100%;
max-height: 4vh;
padding: var(--content-padding); padding: var(--content-padding);
color: var(--theme-color-components-video-status-bar-foreground); color: var(--theme-color-components-video-status-bar-foreground);
background-color: var(--theme-color-components-video-status-bar-background); background-color: var(--theme-color-components-video-status-bar-background);
font-family: var(--theme-text-display-font-family); font-family: var(--theme-text-display-font-family);
font-size: 11px; font-size: 11px;
font-weight: 400; font-weight: 400;
} }
.onlineMessage { .onlineMessage {
letter-spacing: .5px; letter-spacing: 0.5px;
} }
.viewerCount { .viewerCount {
vertical-align: middle; vertical-align: middle;
} }
.viewerIcon { .viewerIcon {
display: inline-block; 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; // padding-right: 320px;
} }
//set height of player for tablet // set height of player for tablet
@include screen(tablet) { @include screen(tablet) {
height: var(--player-container-height); height: var(--player-container-height);
max-height: var(--player-container-height); max-height: var(--player-container-height);
@@ -32,6 +32,6 @@
} }
.embedded { .embedded {
height: 100vh; height: 96vh; // Leave room for the status bar
max-height: unset; max-height: unset;
} }