FIX: Do not add CSS transition effect to animated images (#12803)

FIX: Do not add CSS transition effect to animated images (#12803)

Followup to c11d75da8783f3ded3338b13238646b49cfdcc64, the transition delays the pause/play action.

diff --git a/app/assets/stylesheets/common/base/lightbox.scss b/app/assets/stylesheets/common/base/lightbox.scss
index de944a2..e6d786b 100644
--- a/app/assets/stylesheets/common/base/lightbox.scss
+++ b/app/assets/stylesheets/common/base/lightbox.scss
@@ -18,7 +18,7 @@ $meta-element-margin: 6px;
   border: 1px solid var(--primary-low);
 }
 
-.cooked img.d-lazyload {
+.cooked img.d-lazyload:not(.animated) {
   transition: opacity 0.4s 0.75s ease;
 }
 

GitHub sha: 139ba691

1 Like

This commit appears in #12803 which was approved by eviltrout. It was merged by pmusaraj.