no cover fade in

StylusThemes · Nov 3, 2020 · b65adc2 · b65adc2
1 parent 9a3f989
commit b65adc2
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 0 deletions.
diff --git a/css/theme/theme.css b/css/theme/theme.css
@@ -10,6 +10,12 @@ a {
   user-select: all !important;
 }
 
+[class^="CrossFadeImage-crossFade-"],
+[class*="10Sndv"] {
+  -webkit-animation-name: none !important;
+  animation-name: none !important;
+}
+
 [class^="PrePlaySummary-summary-"] > div,
 [class*="320PK"] > div {
   overflow: visible !important;

diff --git a/sass/partials/theme/_no-cover-fade-in.scss b/sass/partials/theme/_no-cover-fade-in.scss
@@ -0,0 +1,5 @@
+// Eliminates the fade-in of media covers
+[class^="CrossFadeImage-crossFade-"],
+[class*="10Sndv"] {
+  animation-name: none !important;
+}
diff --git a/sass/theme.scss b/sass/theme.scss
@@ -1,6 +1,7 @@
 @import 'partials/version';
 // Theme
 @import 'partials/theme/text-select';
+@import 'partials/theme/no-cover-fade-in';
 @import 'partials/theme/summary';
 @import 'partials/theme/premium';
 @import 'partials/theme/edit-info';

diff --git a/style.user.css b/style.user.css
@@ -28,6 +28,12 @@ regexp("/*[[URL]]*/.*") {
     user-select: all !important;
   }
 
+  [class^="CrossFadeImage-crossFade-"],
+  [class*="10Sndv"] {
+    -webkit-animation-name: none !important;
+    animation-name: none !important;
+  }
+
   [class^="PrePlaySummary-summary-"]>div,
   [class*="320PK"]>div {
     overflow: visible !important;