@asd20/ui 3.2.598 → 3.2.599

package/package.json

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

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

@@ -477,19 +477,19 @@ export default {
     }
 
     .asd20-card__header {
-      position: absolute;
-      left: 0;
-      right: 0;
-      bottom: 100%;
-      padding: space(1) space(1);
-      margin-bottom: 0;
-      color: var(--website-card__reverse-foreground-color);
+      position: relative;
+      // left: 0;
+      // right: 0;
+      // bottom: 100%;
+      // padding: space(1) space(1);
+      // margin-bottom: 0;
+      color: var(--website-card__foreground-color);
 
-      background: linear-gradient(
-        0deg,
-        rgba(0, 0, 0, 0.5) 70%,
-        rgba(0, 0, 0, 0) 100%
-      );
+      // background: linear-gradient(
+      //   0deg,
+      //   rgba(0, 0, 0, 0.5) 70%,
+      //   rgba(0, 0, 0, 0) 100%
+      // );
     }
 
     .asd20-card__date-time,
@@ -502,7 +502,7 @@ export default {
     }
   }
 
-  &--with-image,
+  &--with-image:not(.asd20-card--seperate-image),
   &--without-image.asd20-card--reversed {
     .asd20-card__title {
       color: var(--website-card__reverse-foreground-color);

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

@@ -109,7 +109,7 @@ export default {
       if (!Array.isArray(this.stories)) return []
       return this.stories.map(s =>
         mapMessageToCard(s, {
-          description: '',
+          // description: '',
           date: '',
           time: '',
           zoom: true,

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

@@ -13,6 +13,7 @@
             @click.native="$emit('select', card)"
             @keydown.tab.exact.native="nextCard"
             @keydown.tab.shift.native="prevCard"
+            seperateImage
           ></asd20-card>
         </div>
         <div class="swiper-slide">
@@ -23,7 +24,7 @@
                 : `Watch this space for more ${cardType}s.`
             "
             :link="cards.length >= 10 || cardType === 'Event' ? link : null"
-            expanded-header
+            expandedHeader
             zoom
             reversed
           ></asd20-card>

package/src/components/templates/Asd20ArticleDigestTemplate/index.vue

@@ -156,6 +156,7 @@
               :key="index"
               v-bind="card"
               zoom
+              seperateImage
             ></asd20-card>
           </div>
           <div v-if="cards.length > numberToShow" class="article-pagination">
@@ -323,7 +324,7 @@ export default {
           // reversed: true,
           date: '',
           time: '',
-          description: '',
+          // description: '',
           // image: '',
           pinned: false,
         })

package/src/components/templates/Asd20ArticleListTemplate/index.vue

@@ -532,9 +532,9 @@ export default {
       color: var(--website-page__title-color);
       font-weight: bold;
     }
-    h3 {
-      margin-top: space(1);
-    }
+    // h3 {
+    //   margin-top: space(1);
+    // }
   }
 }
 

package/src/data/messages/stories.json

@@ -32,8 +32,8 @@
       "authorUserId": null,
       "title": "2020 Pine Creek High School Virtual Graduation",
       "slug": "2020-pine-creek-high-school-virtual-graduation",
-      "summary": " ",
-      "bodyHtml": "<p></p>",
+      "summary": "Watch our video coverage of the 2020 Pine Creek High School Graduation, this way you won't get fellow humans sick and we don't have to hear you whine.",
+      "bodyHtml": "",
       "bodyJson": "",
       "tags": ["District Homepage"],
       "categories": ["Graduation 2020"],
@@ -66,7 +66,7 @@
       "authorUserId": null,
       "title": "2020 Rampart High School Virtual Graduation",
       "slug": "2020-rampart-high-school-virtual-graduation",
-      "summary": " ",
+      "summary": "For those of you who missed our ceremony because you were deathly ill, you can catch all the raging action of our Graduation Ceremony right here.",
       "bodyHtml": "<p></p>",
       "bodyJson": "",
       "tags": ["District Homepage"],
@@ -98,9 +98,9 @@
       "isFeatured": false,
       "isDistrictFeatured": false,
       "authorUserId": null,
-      "title": "2020 Liberty High School Virtual&nbsp;Graduation ",
+      "title": "2020 Liberty High School Virtual Graduation ",
       "slug": "2020-liberty-high-school-virtualandnbspgraduation",
-      "summary": " ",
+      "summary": "Relive every missed moment of your student's epic graduation by watching our amazing video!",
       "bodyHtml": "<p></p>",
       "bodyJson": "",
       "tags": ["District Homepage"],
@@ -372,8 +372,8 @@
       "authorUserId": null,
       "title": "2020 Pine Creek High School Virtual Graduation",
       "slug": "2020-pine-creek-high-school-virtual-graduation",
-      "summary": " ",
-      "bodyHtml": "<p></p>",
+      "summary": "Watch our video coverage of the 2020 Pine Creek High School Graduation, this way you won't get fellow humans sick and we don't have to hear you whine.",
+      "bodyHtml": "",
       "bodyJson": "",
       "tags": ["District Homepage"],
       "categories": ["Graduation 2020"],