VeritableValor/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-10-24 09:48:31 -05:00
Code Issues Packages Projects Releases Wiki Activity

set Variable PlayerHeight

Browse Source
This commit is contained in:
@CyberAndi 2024-02-06 22:22:57 +01:00 committed by GitHub
parent 1dd4ae2e9b
commit d84ce9f770
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 17 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
assets/css/player.css
View File

@ -285,6 +285,20 @@ video.video-js {
backdrop-filter: blur(2.5px);
}*/
#player::before {
display: flex;
content: "";
background-image: linear-gradient(32.5deg, rgba(17,17,17,.65), rgba(94,149,183,1));
position: relative;
top: calc(100% - 7.5em);
width: 100%;
backdrop-filter: blur(2.5px);
box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8), 0em -0.15em 0.25em rgba(230,230,230,0.35);
height: 45px;
z-index: 10;
}
#player {
border-radius: 13px;
border: 3px solid rgba(255,255,255,1);
@ -292,12 +306,9 @@ video.video-js {
background-color: rgba(0,0,0,0.8) !important;
backdrop-filter: blur(2.5px);
aspect-ratio: 16 / 9 !important;
height: calc(100vh - 140px) !important;
left: calc((100vh - 140px) * 0.5625 * 0.5);
--posBannerHeight: calc(100vh - 140px);
--posBannerWidth: calc((100vh - 140px) * 1.78);
--posBannerLeft: calc((100vh - 140px) * 0.5625 * 0.5);
width: auto !important;
height: var(--posPlayerHeight) !important;
left: var(--posBannerLeft) !important;
width: var(--posBannerWidth) !important;
}
#player::after {
@ -347,19 +358,6 @@ video.video-js {
top: 1.5em;
}
#player::before {
display: flex;
content: "";
background-image: linear-gradient(32.5deg, rgba(17,17,17,.65), rgba(94,149,183,1));
position: relative;
top: calc(100% - 7.5em);
width: 100%;
backdrop-filter: blur(2.5px);
box-shadow: 0.3em 0.3em 0.5em rgba(32,32,32,0.8), 0em -0.15em 0.25em rgba(230,230,230,0.35);
height: 45px;
z-index: 10;
}
#contents #player-container ~ .h-box {
position: relative;
display: flex;