From b012c870bd4e9fd1ddf3372801c4c48bb8ff5ef3 Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Tue, 2 Sep 2025 16:25:03 +0000 Subject: [PATCH] Improve display of top 10 videos by hiding overlay on smaller screens Adjust conditional rendering for the "Meist Angesehen" category's top 10 overlay to account for viewport width, ensuring it only hides when a video is clicked on larger screens (>= 768px). Replit-Commit-Author: Agent Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx --- client/src/components/netflix-grid.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index 5c8f618..988460a 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -296,7 +296,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate onMouseEnter={() => setClickedVideoId(video.id)} > {/* Top 10 Number overlay for first category */} - {category.title.includes("Meist Angesehen") && index < 10 && clickedVideoId !== video.id && ( + {category.title.includes("Meist Angesehen") && index < 10 && (window.innerWidth >= 768 ? clickedVideoId !== video.id : true) && (