@asd20/ui 3.2.617 → 3.2.619

package/package.json

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

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

@@ -372,8 +372,6 @@ export default {
   // },
   mounted() {
     this.$nextTick(() => {
-      this.$emit('announcements-in-view')
-      this.$emit('events-in-view')
       this.$emit('stories-in-view')
     })
   },
@@ -442,10 +440,8 @@ export default {
   .asd20-page-content {
     display: block;
     .primary-messaging-section {
-      padding-top: 0;
-      padding-bottom: 0;
-      // border-top: 5px solid lightgray;
-      // border-bottom: 5px solid lightgray;
+      padding: 0;
+      margin: 0 space(1);
     }
   }
   .asd20-feeds-section {
@@ -456,43 +452,58 @@ export default {
   .feed-title {
     margin: space(1) 0 0 space(1);
   }
-  .asd20-card {
-    margin-bottom: space(0.5);
-    // &__date-time {
-    //   display: none;
-    // }
-    // &__description {
-    //   display: none;
-    // }
-  }
-  .article-pagination {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin: space(1) space(0.25) space(0) space(0.25);
-    flex-direction: column;
-    p {
-      margin: 0;
+  .article-digest {
+    .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;
+      // }
+      // &__description {
+      //   display: none;
+      // }
+    }
+    .feed-items {
+      --website-card__border-color: transparent;
+      --website-card__background-color: transparent;
+      --website-card__background-style: none;
     }
-    .page-selector {
+    .article-pagination {
       display: flex;
       align-items: center;
-      .prev-next {
+      justify-content: space-between;
+      margin: space(1) space(0.25) space(0) space(0.25);
+      flex-direction: column;
+      p {
+        margin: 0;
+      }
+      .page-selector {
         display: flex;
         align-items: center;
-        justify-content: space-between;
-        a {
-          text-decoration: none !important;
-        }
-        .asd20-button {
-          padding: 0;
-          > .asd20-button__label {
+        .prev-next {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          a {
+            text-decoration: none !important;
+          }
+          .asd20-button {
+            padding: 0;
+            > .asd20-button__label {
+              margin: 0;
+            }
+          }
+          p {
             margin: 0;
           }
         }
-        p {
-          margin: 0;
-        }
       }
     }
   }
@@ -503,7 +514,6 @@ export default {
   .result-count {
     margin: space(0) space(1) space(1) space(1);
   }
-
   .asd20-search-field .asd20-icon {
     margin-left: 0;
   }
@@ -535,6 +545,9 @@ export default {
       justify-content: space-between;
       align-items: stretch;
       flex-wrap: wrap;
+      .primary-messaging-section {
+        margin: 0 space(3) !important;
+      }
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);
@@ -543,18 +556,9 @@ export default {
     .prev-next {
       margin: space(1) 0;
     }
-    .primary-messaging-section {
-      max-width: 100vw;
-    }
-    .feed-items {
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr;
-      grid-gap: space(1);
-      margin-bottom: space(1);
-      .asd20-card {
-        margin-bottom: 0;
-      }
-    }
+    // .primary-messaging-section {
+    //   max-width: 100vw;
+    // }
     .search-header,
     .result-count {
       margin: space(0) space(0) space(1) space(0);
@@ -570,6 +574,25 @@ export default {
     .article-digest {
       // flex-basis: 100%;
       margin: space(1) space(3) space(1) space(3);
+      max-width: 60%;
+      .feed-items {
+        // display: grid;
+        // grid-template-columns: 1fr 1fr 1fr;
+        // grid-gap: space(1);
+        // margin-bottom: space(1);
+        .asd20-card {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+}
+@media (min-width: 1257px) {
+  .asd20-template-clubs {
+    .asd20-page-content {
+      .primary-messaging-section {
+        margin: 0 space(2);
+      }
     }
   }
 }