GTA
/
training-academy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 2 Wiki Activity

FIX: Focus video controls positioning issue 

CSS Conflict Resolution:
- Changed focus controls class from 'video-controls' to 'focus-video-controls'
- Added 'position: relative' to prevent absolute positioning conflicts
- Resolves volume slider staying fixed on screen during scroll

 Volume Control Positioning:
- Focus video controls now stay with video content when scrolling
- No longer conflicts with BaseVideoPlayer CSS positioning rules
- Maintains proper focus session UI layout and behavior
- Volume slider moves naturally with the focus video container
This commit is contained in:
dilgenfritz 2025-10-31 08:01:58 -05:00
parent 21d9df9b10
commit c94a25bdd3
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/tasks/interactiveTaskManager.js
View File

@ -1157,7 +1157,7 @@ class InteractiveTaskManager {
autoplay autoplay
style="width: 100%; max-height: 400px; border-radius: 8px; margin: 15px 0;"> style="width: 100%; max-height: 400px; border-radius: 8px; margin: 15px 0;">
</video> </video>
<div class="video-controls" style="display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0;"> <div class="focus-video-controls" style="display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0; position: relative;">
<label for="focus-video-volume" style="color: #bbb; font-size: 14px;">🔊</label> <label for="focus-video-volume" style="color: #bbb; font-size: 14px;">🔊</label>
<input type="range" <input type="range"
id="focus-video-volume" id="focus-video-volume"