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:13:24 -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
web/components/ui/Statusbar/Statusbar.module.scss
+3 -2
View File
@@ -4,6 +4,7 @@
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);
@@ -13,7 +14,7 @@
} }
.onlineMessage { .onlineMessage {
letter-spacing: .5px; letter-spacing: 0.5px;
} }
.viewerCount { .viewerCount {
@@ -22,5 +23,5 @@
.viewerIcon { .viewerIcon {
display: inline-block; display: inline-block;
margin-right: .5rem; margin-right: 0.5rem;
} }
web/components/video/OwncastPlayer/OwncastPlayer.module.scss
+1 -1
View File
@@ -32,6 +32,6 @@
} }
.embedded { .embedded {
height: 100vh; height: 96vh; // Leave room for the status bar
max-height: unset; max-height: unset;
} }