@asd20/ui 3.2.554 → 3.2.555

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.554",
+  "version": "3.2.555",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/components/molecules/Asd20Swipe/index.vue

@@ -26,7 +26,7 @@
         </div>
       </slot>
     </div>
-    <div v-if="showArrows" class="asd20-swipe__arrows">
+    <div v-if="showArrows && childLen > 1" class="asd20-swipe__arrows">
       <button
         v-if="cur > 0"
         class="asd20-swipe__arrows__button-prev"
@@ -351,7 +351,8 @@ export default {
       justify-content: center;
       padding: 0.5rem;
       width: auto;
-      background: rgba(255, 255, 255, 1);
+      background: rgba(255, 255, 255, 0.6);
+      border-radius: 1rem;
     }
     &__item {
       display: inline-block;
@@ -376,13 +377,14 @@ export default {
       position: relative;
       background: none;
       border: 0;
-      width: 4rem;
-      height: 4rem;
-      background: white;
+      width: 3rem;
+      height: 3rem;
+      background: rgba(255, 255, 255, 0.6);
       display: flex;
       justify-content: center;
       align-items: center;
       cursor: pointer;
+      border-radius: 50%;
       transition: background 0.1s ease-in;
       &:hover {
         background: rgba(255, 255, 255, 0.8);

package/src/components/organisms/Asd20ImageGallery/index.vue

@@ -79,25 +79,23 @@ export default {
   computed: {
     imageThumbnails() {
       let images = this.images || []
-      return (
-        images
-          // .filter(i => !i.isCover)
-          .map(i => ({
-            thumbnailUrl: (
-              i.files.find(f => f.name === 'thumbnail-md') || i.files[0]
-            ).url,
-            url: (i.files.find(f => f.name === 'full') || i.files[0]).url,
-            alt: i.metadata.alt,
-            credits: i.metadata.credits,
-            // isCover: i.isCover,
-          }))
-      )
+      return images
+        .filter(i => !i.isCover)
+        .map(i => ({
+          thumbnailUrl: (
+            i.files.find(f => f.name === 'thumbnail-md') || i.files[0]
+          ).url,
+          url: (i.files.find(f => f.name === 'full') || i.files[0]).url,
+          alt: i.metadata.alt,
+          credits: i.metadata.credits,
+          // isCover: i.isCover,
+        }))
     },
   },
 
   methods: {
     openImage(index) {
-      this.selectedIndex = index + 1
+      this.imageThumbnails.length > 1 ? this.selectedIndex = index + 1 : this.selectedIndex = index
       this.showSlideshow = true
     },
     truncatedDescription(description) {
@@ -204,12 +202,13 @@ export default {
   .text-overlay {
     position: absolute;
     display: block;
-    bottom: space(2);
+    bottom: space(2.25);
     color: #fff;
     background: rgba(50, 50, 50, 0.7);
     padding: space(0.5);
     max-width: 80vw;
     text-align: center;
+    border-radius: space(2);
   }
 }
 

package/src/data/page-queries/sublanding-page-query-result.json

@@ -77,7 +77,7 @@
                 "files": [
                   {
                     "name": "thumbnail-md",
-                    "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images//thumbnail-md/dcc_swimming_250x250.jpg"
+                    "url": "https://asd20websitestorage.blob.core.windows.net/website-files/message-images/all-students-learn-at-high-levels./thumbnail-md/PIES-choice-photo_250x250.jpg"
                   },
                   {
                     "name": "full",
@@ -85,7 +85,8 @@
                   }
                 ],
                 "metadata": {
-                  "alt": "This is ALT text."
+                  "alt": "This is ALT text.",
+                  "credits": "A teacher teaches."
                 }
               }
             ],