From da77cf5c34d8c9f7f12930c8bf640fbd9c94e4b5 Mon Sep 17 00:00:00 2001
From: John Factotum <50942278+johnfactotum@users.noreply.github.com>
Date: Sat, 9 Dec 2023 03:39:38 +0800
Subject: [PATCH] OPDS: fade carousel only when nav sidebar is shown

---
 src/opds/opds.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/opds/opds.html b/src/opds/opds.html
index 32c42ad2..a3dc7671 100644
--- a/src/opds/opds.html
+++ b/src/opds/opds.html
@@ -66,10 +66,6 @@
     overflow: auto;
     scroll-snap-type: inline proximity;
     scroll-padding: 24px;
-    -webkit-mask-image: linear-gradient(to left, transparent, #000 24px, #000);
-}
-.carousel:has(opds-pub):dir(rtl) {
-    -webkit-mask-image: linear-gradient(to right, transparent, #000 24px, #000);
 }
 .carousel:has(opds-pub) > * {
     scroll-snap-align: start;
@@ -173,6 +169,12 @@
         box-sizing: border-box;
         padding: 12px 9px;
     }
+    #feed:has(#nav:not(:empty)) .carousel:has(opds-pub) {
+        -webkit-mask-image: linear-gradient(to left, transparent, #000 24px, #000);
+    }
+    #feed:has(#nav:not(:empty)):dir(rtl) .carousel:has(opds-pub) {
+        -webkit-mask-image: linear-gradient(to right, transparent, #000 24px, #000);
+    }
 }
 #nav section + section {
     margin-top: 2em;