Fix the opacity of featured articles

eddiesigner · Nov 11, 2019 · b5215a5 · b5215a5
1 parent 9c620c5
commit b5215a5
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 33 deletions.
diff --git a/index.hbs b/index.hbs
@@ -40,7 +40,7 @@ into the {body} of the default.hbs template --}}
                     {{/if}}
                     <div class="m-featured-article__picture">
                       {{#if feature_image}}
-                      <div class="lozad" data-background-image="{{img_url feature_image size="l"}}"></div>
+                      <div class="lozad no-fade-animation" data-background-image="{{img_url feature_image size="l"}}"></div>
                       {{/if}}
                     </div>
                     <div class="m-featured-article__meta">

diff --git a/package.json b/package.json
@@ -54,5 +54,5 @@
     "desktop": "assets/screenshot-desktop.jpg",
     "mobile": "assets/screenshot-mobile.jpg"
   },
-  "version": "0.5.7"
+  "version": "0.5.8"
 }
diff --git a/src/package-lock.json b/src/package-lock.json
diff --git a/src/sass/common/_global.scss b/src/sass/common/_global.scss
@@ -59,7 +59,7 @@ fieldset {
   z-index: 5;
 }
 
-div.lozad.loaded,
+div.lozad.loaded:not(.no-fade-animation),
 img.lozad.loaded {
   opacity: 0;
   @include animation('fadeIn 0.5s forwards');