From 61cbd47c7bdab7faaebf21f06bd007160e30e0d5 Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Sat, 30 Aug 2025 23:11:45 +0000 Subject: [PATCH] Adjust video player navigation button transparency for better visibility Update CSS classes for previous and next video navigation buttons on the VideoPage component to use a lighter background transparency (from bg-black/70 to bg-black/40). 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 --- client/src/pages/VideoPage.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx index 9105ab6..91ec3b3 100644 --- a/client/src/pages/VideoPage.tsx +++ b/client/src/pages/VideoPage.tsx @@ -420,7 +420,7 @@ export default function VideoPage() { e.stopPropagation(); navigateToVideo('prev'); }} - className="absolute left-1 top-1/2 transform -translate-y-1/2 bg-black/70 hover:bg-black/90 text-white border-none p-3 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center" + className="absolute left-1 top-1/2 transform -translate-y-1/2 bg-black/40 hover:bg-black/60 text-white border-none p-3 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center" size="sm" data-testid="button-prev-video" > @@ -432,7 +432,7 @@ export default function VideoPage() { e.stopPropagation(); navigateToVideo('next'); }} - className="absolute right-1 top-1/2 transform -translate-y-1/2 bg-black/70 hover:bg-black/90 text-white border-none p-3 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center" + className="absolute right-1 top-1/2 transform -translate-y-1/2 bg-black/40 hover:bg-black/60 text-white border-none p-3 rounded-full z-20 shadow-lg hidden md:flex items-center justify-center" size="sm" data-testid="button-next-video" >