VeritableValor/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-10-25 02:08:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

update banner position

Browse Source
This commit is contained in:
@CyberAndi 2024-02-07 14:58:29 +01:00 committed by GitHub
parent 85a60794cb
commit 234cbad568
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/css/player.css
View File

@ -285,19 +285,16 @@ video.video-js {
backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px);
}*/ }*/
#player::before { #player::before {
display: flex; display: flex;
content: ""; content: "";
background-image: linear-gradient(32.5deg, rgba(17,17,17,.65), rgba(94,149,183,1)); background-image: linear-gradient(32.5deg, rgba(17,17,17,.65), rgba(94,149,183,1));
position: relative; position: relative;
/*top: calc(100% - 7.5em); */ top: -85px;
top: calc(var(--posPlayerHeight) - 7.5em); width: calc(var(--posBannerWidth) - 10px);
/*width: 100%; */
width: var(--posBannerWidth);
backdrop-filter: blur(2.5px); 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); box-shadow: 0em -0.15em 0.25em rgba(230,230,230,0.35), 0.5em 0em 0.5em rgba(94,149,183,1), 0.75em 0.75em 0.75em rgba(32,32,32,0.8);
height: 45px; height: 65px;
z-index: 10; z-index: 10;
} }
@ -364,16 +361,21 @@ video.video-js {
position: relative; position: relative;
display: flex; display: flex;
line-height: 1.1em; line-height: 1.1em;
top: calc(-1em - 60px); top: calc(-1em - 67.5px);
left: var(--posBannerLeft);
vertical-align: middle; vertical-align: middle;
height: 45px !important; height: 45px !important;
width: 62vw; width: calc(var(--posBannerWidth) - 16px);
text-overflow: ellipsis !important;
overflow: clip !important;
white-space: nowrap !important; white-space: nowrap !important;
padding-left: calc(200px + 2.2em); padding-left: calc(200px + 2.2em);
/*background-color: rgba(200,0,0,0.4);*/ /* background-color: rgba(200,0,0,0.4); */
z-index: 0; /* z-index: 0; */
}
#contents #player-container ~ .h-box h1 {
text-overflow: ellipsis !important;
width: calc(var(--posBannerWidth) - 230px);
overflow-x: clip;
} }
img.thumbnail { img.thumbnail {