OPDS: fade carousel only when nav sidebar is shown

johnfactotum · Dec 8, 2023 · da77cf5 · da77cf5
1 parent f919f0c
commit da77cf5
Showing 1 changed file with 6 additions and 4 deletions.
diff --git 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;