From 7992fe85d67bd6d5d734bb5e4e81fe2bded14afa Mon Sep 17 00:00:00 2001
From: Hemendra Singh Shekhawat
 <110180366+HemendraSinghShekhawat@users.noreply.github.com>
Date: Mon, 12 Jan 2026 21:16:23 +0530
Subject: [PATCH] fix(web): added background gradient for video time visibility
 (#25138)

* fix(web): added background gradient for video time visibility

* fix(web): removed background gradient and added shadow to text and icon
---
 .../lib/components/assets/thumbnail/video-thumbnail.svelte  | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/assets/thumbnail/video-thumbnail.svelte b/web/src/lib/components/assets/thumbnail/video-thumbnail.svelte
index b28e484819..222fa7a8ec 100644
--- a/web/src/lib/components/assets/thumbnail/video-thumbnail.svelte
+++ b/web/src/lib/components/assets/thumbnail/video-thumbnail.svelte
@@ -85,7 +85,9 @@
   ></video>
 {/if}
 
-<div class="absolute end-0 top-0 flex place-items-center gap-1 text-xs font-medium text-white">
+<div
+  class="absolute end-0 top-0 flex place-items-center gap-1 text-xs font-medium text-white text-shadow-[1px_1px_6px_rgb(0_0_0)]"
+>
   {#if showTime}
     <span class="pt-2">
       {#if remainingSeconds < 60}
@@ -99,7 +101,7 @@
   {/if}
 
   <!-- svelte-ignore a11y_no_static_element_interactions -->
-  <span class="pe-2 pt-2" onmouseenter={onMouseEnter} onmouseleave={onMouseLeave}>
+  <span class="pe-2 pt-2 drop-shadow-[1px_1px_6px_rgb(0_0_0)]" onmouseenter={onMouseEnter} onmouseleave={onMouseLeave}>
     {#if enablePlayback}
       {#if loading}
         <LoadingSpinner />