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

fix: Prevent scrollbars in video player and embed styles

Browse Source
This commit is contained in:
Yiannis Christodoulou 2025-10-03 11:44:27 +03:00
parent cd1a7f912b
commit 373a64cfba
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -498,14 +498,14 @@ html {
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
box-sizing: border-box; box-sizing: border-box;
overflow-x: hidden; overflow: hidden; /* Prevent both horizontal and vertical scrollbars */
position: relative; position: relative;
} }
.video-js-root-main { .video-js-root-main {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
overflow-x: hidden; overflow: hidden; /* Prevent both horizontal and vertical scrollbars */
} }
.video-js.vjs-fluid { .video-js.vjs-fluid {
@ -593,6 +593,7 @@ button {
padding: 0; padding: 0;
height: 100% !important; height: 100% !important;
outline: none; /* Remove default browser focus outline */ outline: none; /* Remove default browser focus outline */
overflow: hidden; /* Prevent scrollbars on the video player itself */
} }
/* Ensure video player is focusable */ /* Ensure video player is focusable */

2
frontend-tools/video-js/src/styles/embed.css
View File

@ -44,12 +44,14 @@
height: 100vh !important; height: 100vh !important;
border-radius: 0; border-radius: 0;
position: relative; position: relative;
overflow: hidden; /* Prevent scrollbars in embed video player */
} }
/* Prevent page scrolling when embed is active */ /* Prevent page scrolling when embed is active */
#page-embed .video-js-root-embed { #page-embed .video-js-root-embed {
position: fixed; position: fixed;
top: 0; top: 0;
overflow: hidden; /* Prevent scrollbars in embed mode */
} }
/* Sticky controls for embed player - always at bottom of window */ /* Sticky controls for embed player - always at bottom of window */