From ad4d1f0adfe36f5b054edfe3d752021211a16bed Mon Sep 17 00:00:00 2001
From: lscambo13 <ls.cambo13@gmail.com>
Date: Wed, 14 May 2025 14:07:34 -0700
Subject: [PATCH] New: Blur backdrop when episode thumbnail is visible

---
 Theme/ElegantFin-theme-nightly.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css
index cd222c5..53883a9 100644
--- a/Theme/ElegantFin-theme-nightly.css
+++ b/Theme/ElegantFin-theme-nightly.css
@@ -728,6 +728,14 @@ html {
     display: block;
 }
 
+.layout-mobile #itemDetailPage:has(.detailImageContainer .card.backdropCard) .itemBackdrop::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    backdrop-filter: var(--blurLargest);
+    /* mask: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, transparent 35%); */
+}
+
 @media (max-width: 62.5em) {
     .layout-desktop .itemBackdrop {
         height: 7em !important;