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

fix: Apply rounded corners only when useRoundedCorners is true

Browse Source
This commit is contained in:
Yiannis Christodoulou 2025-09-30 10:18:47 +03:00
parent 4e725d8659
commit 5277476921
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend-tools/video-js/src/components/overlays/EndScreenOverlay.css
View File

@ -71,7 +71,6 @@
.vjs-related-video-item {
position: relative;
cursor: pointer;
border-radius: 8px;
overflow: hidden;
transition:
transform 0.2s ease,
@ -83,6 +82,11 @@
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
/* Apply rounded corners only when useRoundedCorners is true */
.video-js.video-js-rounded-corners .vjs-related-video-item {
border-radius: 8px;
}
.vjs-related-video-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
@ -140,18 +144,18 @@
.vjs-related-video-author {
font-size: 12px;
color: #ccc;
color: #fff;
}
.vjs-related-video-views {
font-size: 12px;
color: #aaa;
color: #fff;
}
.vjs-related-video-author::after {
content: "•";
margin-left: 8px;
color: #666;
color: #fff;
}
.vjs-related-video-duration {
@ -163,11 +167,15 @@
padding: 2px 6px;
font-size: 11px;
font-weight: bold;
border-radius: 2px;
opacity: 0;
transition: opacity 0.3s ease;
}
/* Apply rounded corners to duration badge only when useRoundedCorners is true */
.video-js.video-js-rounded-corners .vjs-related-video-duration {
border-radius: 2px;
}
.vjs-related-video-item:hover .vjs-related-video-duration {
opacity: 1;
}