sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve video controls display for mobile users

Browse Source 
Adjust touch overlay on mobile devices to only appear on the edges of the video player, ensuring better visibility and interaction with video controls in `client/src/pages/VideoPage.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
This commit is contained in:
sebastjanartic 2025-08-30 23:27:28 +00:00
parent 1ad5b17540
commit 6c9ee677b2
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/pages/VideoPage.tsx
View File

@ -441,9 +441,19 @@ export default function VideoPage() {
</Button>
</>
)}
{/* Touch overlay for mobile swipe detection */}
{/* Touch overlay for mobile swipe detection - positioned on edges only */}
<div
className="absolute inset-0 w-full h-full z-10 md:hidden"
className="absolute left-0 top-0 w-16 h-full z-10 md:hidden"
onTouchStart={handleTouchStart}
onTouchMove={handleTouchMove}
onTouchEnd={handleTouchEnd}
style={{
pointerEvents: 'auto',
touchAction: 'none'
}}
/>
<div
className="absolute right-0 top-0 w-16 h-full z-10 md:hidden"
onTouchStart={handleTouchStart}
onTouchMove={handleTouchMove}
onTouchEnd={handleTouchEnd}