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

fix: Remove rounded corners on small mobile screens

Browse Source
This commit is contained in:
Yiannis Christodoulou 2025-09-28 18:04:49 +03:00
parent b04ad2344c
commit 801f5cf22d
1 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1517,6 +1517,24 @@ button.vjs-button > .vjs-icon-placeholder:before {
}
@media (max-width: 767px) {
/* Remove rounded corners on mobile screens */
.video-js-root-main .video-js.video-js-rounded-corners,
.video-js-root-main .video-js.video-js-rounded-corners.vjs-has-started,
.video-js-root-main .video-js.video-js-rounded-corners.vjs-fullscreen,
.video-js-root-main .video-js.video-js-rounded-corners.vjs-paused,
.video-js-root-main .video-js.video-js-rounded-corners.vjs-ended,
.video-js-root-main .video-js.video-js-rounded-corners.chapters-open {
border-radius: 0 !important;
}
.video-js-root-main .video-js.video-js-rounded-corners .vjs-poster {
border-radius: 0 !important;
}
.video-js-root-main .video-js.video-js-rounded-corners video {
border-radius: 0 !important;
}
/* Move seekbar up by 10px on mobile to prevent accidental button touches */
.video-js .vjs-progress-control {
bottom: 56px !important; /* Move up 10px from original 46px */
@ -1760,6 +1778,24 @@ button.vjs-button > .vjs-icon-placeholder:before {
}
@media (max-width: 480px) {
/* Remove rounded corners on small mobile screens */
.video-js-root-main .video-js.video-js-rounded-corners,
.video-js-root-main .video-js.video-js-rounded-corners.vjs-has-started,
.video-js-root-main .video-js.video-js-rounded-corners.vjs-fullscreen,
.video-js-root-main .video-js.video-js-rounded-corners.vjs-paused,
.video-js-root-main .video-js.video-js-rounded-corners.vjs-ended,
.video-js-root-main .video-js.video-js-rounded-corners.chapters-open {
border-radius: 0 !important;
}
.video-js-root-main .video-js.video-js-rounded-corners .vjs-poster {
border-radius: 0 !important;
}
.video-js-root-main .video-js.video-js-rounded-corners video {
border-radius: 0 !important;
}
/* Move seekbar up by 10px on small mobile to prevent accidental button touches */
.video-js .vjs-progress-control {
bottom: 56px !important; /* Move up 10px from original 46px */