LogalDeveloper/owncast
0
Fork 0
Code Activity

Fix embedded status bar being cut off (#3352)

Browse Source 
* Fix embedded status bar being cut off

This should resolve https://github.com/owncast/owncast/issues/3210.

As recommended in the discussion, flexbox was the way to solve this issue.
The main thing that needed to be addressed though was not applying too many constraints on the OwncastPlayer component just because it was embedded.
By removing the embedded constraints, styling appears to be working as expected.
I'll attach screenshots to the pull request.

* Fix eslint error
This commit is contained in:
Patrick Bollinger
2023-10-22 00:46:10 -04:00
committed by GitHub
parent 0b16a2f831
commit 9a7925444f
4 changed files with 4 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/pages/embed/video/VideoEmbed.module.scss
View File

@@ -1,8 +1,6 @@
.onlineContainer {
height: 96vh;
height: 100vh;
background-color: var(--theme-color-components-video-status-bar-background);
@media only screen and (width <= 768px) {
height: 100vh;
}
display: flex;
flex-direction: column;
}