From b65adc2bcfe2ced82a3f8d962aaba8b7aef4790a Mon Sep 17 00:00:00 2001 From: Journey Date: Tue, 3 Nov 2020 06:12:46 -0600 Subject: [PATCH] no cover fade in --- css/theme/theme.css | 6 ++++++ sass/partials/theme/_no-cover-fade-in.scss | 5 +++++ sass/theme.scss | 1 + style.user.css | 6 ++++++ 4 files changed, 18 insertions(+) create mode 100644 sass/partials/theme/_no-cover-fade-in.scss diff --git a/css/theme/theme.css b/css/theme/theme.css index b71eea5..6fdb52a 100644 --- 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 new file mode 100644 index 0000000..38717a9 --- /dev/null +++ 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 index 1663fc9..821496f 100644 --- 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 index 98dea0d..08754f5 100644 --- 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;