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

Make control bar spacer fully transparent

Browse Source 
Updated the spacer element in the video player's control bar to be fully transparent and non-interactive by setting background, border, outline, boxShadow, opacity, and pointerEvents styles. This ensures the spacer does not affect the visual appearance or user interaction.
This commit is contained in:
Yiannis Christodoulou 2025-10-10 09:36:23 +03:00
parent d8cfc8be7b
commit 5da377a8a5
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx
View File

@ -2843,6 +2843,15 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
spacer.style.flex = '1'; spacer.style.flex = '1';
spacer.style.minWidth = '1px'; spacer.style.minWidth = '1px';
// Remove background and style the spacer to be transparent
spacer.style.background = 'transparent';
spacer.style.backgroundColor = 'transparent';
spacer.style.border = 'none';
spacer.style.outline = 'none';
spacer.style.boxShadow = 'none';
spacer.style.opacity = '0';
spacer.style.pointerEvents = 'none';
// Insert spacer right after the time display // Insert spacer right after the time display
const controlBarEl = controlBar.el(); const controlBarEl = controlBar.el();
const timeDisplayEl = customRemainingTime.el(); const timeDisplayEl = customRemainingTime.el();