danvics/ElegantFin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New: Added styling for Theme Videos

Browse source
This commit is contained in:
lscambo13 2025-08-05 06:38:01 -07:00
parent c75e667d3d
commit a3a1765efe
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
Theme/ElegantFin-theme-nightly.css
View file

@ -66,6 +66,7 @@
--hoverGradientH: linear-gradient(90deg, transparent, rgb(255 255 255 / 100%) 45%, rgb(255 255 255 / 100%) 55%, transparent); --hoverGradientH: linear-gradient(90deg, transparent, rgb(255 255 255 / 100%) 45%, rgb(255 255 255 / 100%) 55%, transparent);
--itemBackdropMask: linear-gradient(180deg, rgba(0, 0, 0, .8), 75%, transparent); --itemBackdropMask: linear-gradient(180deg, rgba(0, 0, 0, .8), 75%, transparent);
--themeVideoPlayerMask: linear-gradient(180deg, rgba(0, 0, 0, 1), 85%, transparent);
/* standard component sizes */ /* standard component sizes */
--largerRadius: 1.25em; --largerRadius: 1.25em;
@ -1010,6 +1011,23 @@ html {
display: block !important; display: block !important;
} }
.videoPlayerContainer {
position: relative !important;
-webkit-mask: var(--themeVideoPlayerMask);
mask: var(--themeVideoPlayerMask);
height: 90vh;
}
.layout-mobile .videoPlayerContainer {
z-index: 1;
height: 35vh;
}
.videoPlayerContainer>.htmlvideoplayer {
width: -webkit-fill-available;
object-fit: cover;
}
.layout-desktop .itemBackdrop { .layout-desktop .itemBackdrop {
height: calc(100vh - 32vh - var(--primaryItemPageNegativeSpace)) !important; height: calc(100vh - 32vh - var(--primaryItemPageNegativeSpace)) !important;
} }