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: 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 { .vjs-related-video-item {
position: relative; position: relative;
cursor: pointer; cursor: pointer;
border-radius: 8px;
overflow: hidden; overflow: hidden;
transition: transition:
transform 0.2s ease, transform 0.2s ease,
@ -83,6 +82,11 @@
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); 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 { .vjs-related-video-item:hover {
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
@ -140,18 +144,18 @@
.vjs-related-video-author { .vjs-related-video-author {
font-size: 12px; font-size: 12px;
color: #ccc; color: #fff;
} }
.vjs-related-video-views { .vjs-related-video-views {
font-size: 12px; font-size: 12px;
color: #aaa; color: #fff;
} }
.vjs-related-video-author::after { .vjs-related-video-author::after {
content: "•"; content: "•";
margin-left: 8px; margin-left: 8px;
color: #666; color: #fff;
} }
.vjs-related-video-duration { .vjs-related-video-duration {
@ -163,11 +167,15 @@
padding: 2px 6px; padding: 2px 6px;
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
border-radius: 2px;
opacity: 0; opacity: 0;
transition: opacity 0.3s ease; 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 { .vjs-related-video-item:hover .vjs-related-video-duration {
opacity: 1; opacity: 1;
} }