From c89bd4a1bef0d576484704ea38f59d40fca61c65 Mon Sep 17 00:00:00 2001 From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com> Date: Wed, 3 Sep 2025 08:50:31 +0000 Subject: [PATCH] Improve visibility of top 10 videos on desktop Conditionally render the "Top 10" number overlay only for desktop screen sizes (>= 768px) when the category title includes "Meist Angesehen" and the video index is less than 10, and the clicked video ID does not match the current video ID. 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/OdlP8Wj --- client/src/components/netflix-grid.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index 1f036e7..09ca3b0 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -390,8 +390,8 @@ 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 && (window.innerWidth >= 768 ? clickedVideoId !== video.id : true) && ( + {/* Top 10 Number overlay for first category - only on desktop */} + {category.title.includes("Meist Angesehen") && index < 10 && window.innerWidth >= 768 && clickedVideoId !== video.id && (