CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-11 01:48:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: Dark background overlay when controls are visible to improve readability on bright videos

Browse Source
This commit is contained in:
Yiannis Christodoulou 2025-09-30 12:42:22 +03:00
parent df1f5bd8a7
commit 75419a7402
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend-tools/video-js/src/VideoJS.css
View File

@ -138,6 +138,26 @@ html {
z-index: 6 !important;
}
/* Dark background overlay when controls are visible to improve readability on bright videos */
.video-js.vjs-user-active::before,
.video-js.vjs-paused::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 120px;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
z-index: 2;
pointer-events: none;
transition: opacity 0.3s ease;
}
/* Hide the dark overlay when user is inactive */
.video-js.vjs-user-inactive:not(.vjs-paused)::before {
opacity: 0;
}
/* Progress control above overlay */
.video-js .vjs-progress-control.vjs-control {
z-index: 7 !important;