add opacity to images when lazy loading in carousel (#1739)

internetarchive · Dec 20, 2018 · a785cc0 · a785cc0
1 parent 1a05705
commit a785cc0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -38,7 +38,7 @@
     },
     {
       "path": "static/build/page-home.css",
-      "maxSize": "4.3KB"
+      "maxSize": "4.5KB"
     },
     {
       "path": "static/build/page-plain.css",

diff --git a/static/css/components/carousel.less b/static/css/components/carousel.less
@@ -54,6 +54,7 @@
   }
 
   .book {
+
     &:last-child {
       margin-right: 0;
     }
@@ -77,6 +78,10 @@
   }
 }
 
+.carousel__item .slick-loading {
+  opacity: 0;
+}
+
 /**
  * Carousel (decorated)
  * https://github.com/internetarchive/openlibrary/wiki/Design-Pattern-Library#decorated-carousel