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

fix: Do not use rounded corners in embed modal

Browse Source
This commit is contained in:
Yiannis Christodoulou 2025-09-25 13:04:51 +03:00
parent e816d71cbc
commit 002016a9dd
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,12 +12,12 @@ html {
text-decoration: none !important; text-decoration: none !important;
} }
.video-js.video-js-rounded-corners, .video-js-root-main .video-js.video-js-rounded-corners,
.video-js.video-js-rounded-corners.vjs-has-started, .video-js-root-main .video-js.video-js-rounded-corners.vjs-has-started,
.video-js.video-js-rounded-corners.vjs-fullscreen, .video-js-root-main .video-js.video-js-rounded-corners.vjs-fullscreen,
.video-js.video-js-rounded-corners.vjs-paused, .video-js-root-main .video-js.video-js-rounded-corners.vjs-paused,
.video-js.video-js-rounded-corners.vjs-ended, .video-js-root-main .video-js.video-js-rounded-corners.vjs-ended,
.video-js.video-js-rounded-corners.chapters-open { .video-js-root-main .video-js.video-js-rounded-corners.chapters-open {
/* background-color: transparent !important; */ /* background-color: transparent !important; */
outline: none !important; outline: none !important;
border-radius: 12px !important; border-radius: 12px !important;
@ -26,10 +26,10 @@ html {
.video-js video { .video-js video {
outline: none !important; outline: none !important;
} }
.video-js.video-js-rounded-corners .vjs-poster { .video-js-root-main .video-js.video-js-rounded-corners .vjs-poster {
border-radius: 12px !important; border-radius: 12px !important;
} }
.video-js.video-js-rounded-corners video { .video-js-root-main .video-js.video-js-rounded-corners video {
border-radius: 12px !important; border-radius: 12px !important;
} }
@ -61,7 +61,7 @@ html {
} }
/* YouTube-style bottom gradient overlay - covers entire video bottom when controls active */ /* YouTube-style bottom gradient overlay - covers entire video bottom when controls active */
.video-js.video-js-rounded-corners::after { .video-js-root-main .video-js.video-js-rounded-corners::after {
content: ""; content: "";
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -83,9 +83,9 @@ html {
} }
/* Show overlay when controls are active - YouTube style */ /* Show overlay when controls are active - YouTube style */
.video-js.video-js-rounded-corners.vjs-user-active::after, .video-js-root-main .video-js.video-js-rounded-corners.vjs-user-active::after,
.video-js.video-js-rounded-corners.vjs-paused::after, .video-js-root-main .video-js.video-js-rounded-corners.vjs-paused::after,
.video-js.video-js-rounded-corners.vjs-ended::after { .video-js-root-main .video-js.video-js-rounded-corners.vjs-ended::after {
border-bottom-left-radius: 12px !important; border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important; border-bottom-right-radius: 12px !important;
opacity: 1; opacity: 1;
@ -1572,7 +1572,7 @@ button.vjs-button > .vjs-icon-placeholder:before {
.vjs-chapter-floating-tooltip { .vjs-chapter-floating-tooltip {
font-size: 11px !important; font-size: 11px !important;
} }
.video-js.video-js-rounded-corners .custom-chapters-overlay { .video-js-root-main .video-js.video-js-rounded-corners .custom-chapters-overlay {
border-bottom-left-radius: 12px !important; border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important; border-bottom-right-radius: 12px !important;
} }

2
static/video_js/video-js.css
View File

File diff suppressed because one or more lines are too long