@asd20/ui 3.2.616 → 3.2.618

package/package.json

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

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

@@ -72,7 +72,7 @@
       :events="events"
       :events-feed-props="eventsFeedProps"
       @events-in-view="$emit('events-in-view')"
-      :stories="clubs"
+      :stories="clubStories"
       :stories-feed-props="storiesFeedProps"
       @stories-in-view="$emit('stories-in-view')"
     ></asd20-feeds-section>
@@ -87,13 +87,7 @@
 
     <intersect @enter="$emit('stories-in-view')">
       <div class="article-digest">
-        <h2 class="feed-title">
-          {{
-            storiesFeedProps && storiesFeedProps.title
-              ? storiesFeedProps.title
-              : 'Stories & Features'
-          }}
-        </h2>
+        <h2 class="feed-title">Current Clubs & Activities</h2>
         <div class="search-header">
           <asd20-search-field
             :value="keywords"
@@ -343,11 +337,11 @@ export default {
       //   link: c.link.replace('/stories', '/announcements'),
       // }))
     },
-    clubs() {
+    clubStories() {
       if (!Array.isArray(this.stories)) return []
-      return this.stories.filter(
-        s => !s.categories.some(c => c.includes('Clubs:'))
-      )
+      return this.stories
+        .filter(s => !s.categories.some(c => c.includes('Clubs:')))
+        .slice(0, 10)
     },
     // categoryOptions() {
     //   // get a unique array of categories with duplicates removed
@@ -464,6 +458,14 @@ export default {
   }
   .asd20-card {
     margin-bottom: space(0.5);
+    // border-bottom: 1px solid gray;
+    .asd20-card__content:hover {
+      background: rgba(200, 200, 200, 0.2);
+    }
+    .asd20-card__meta {
+      padding-bottom: space(1);
+      border-bottom: 1px solid gray;
+    }
     // &__date-time {
     //   display: none;
     // }
@@ -513,6 +515,11 @@ export default {
   .asd20-search-field .asd20-icon {
     margin-left: 0;
   }
+  .feed-items {
+    --website-card__border-color: transparent;
+    --website-card__background-color: transparent;
+    --website-card__background-style: none;
+  }
 }
 
 @media (min-width: 1024px) {
@@ -553,10 +560,10 @@ export default {
       max-width: 100vw;
     }
     .feed-items {
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr;
-      grid-gap: space(1);
-      margin-bottom: space(1);
+      // display: grid;
+      // grid-template-columns: 1fr 1fr 1fr;
+      // grid-gap: space(1);
+      // margin-bottom: space(1);
       .asd20-card {
         margin-bottom: 0;
       }
@@ -576,6 +583,7 @@ export default {
     .article-digest {
       // flex-basis: 100%;
       margin: space(1) space(3) space(1) space(3);
+      max-width: 60%;
     }
   }
 }