@asd20/ui 3.2.603 → 3.2.604

package/package.json

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

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

@@ -127,6 +127,11 @@ export default {
     background: var(--color__tertiary);
   }
 
+  .asd20-messaging {
+    padding-bottom: space(1);
+    border-bottom: 10px solid var(--color__tertiary);
+  }
+
   .asd20-messaging:not(:last-child) {
     margin-bottom: space(2);
   }
@@ -175,7 +180,7 @@ export default {
     .primary-messaging-section,
     .secondary-messaging-section {
       display: block;
-      padding: space(2) space(1) space(2) space(2);
+      padding: space(2) space(2) space(2) space(2);
       &::v-deep > * {
         // flex: 1 1 var(--minimum-column-width);
         // margin: space(1) !important;
@@ -199,7 +204,7 @@ export default {
   .asd20-page-content {
     .primary-messaging-section,
     .secondary-messaging-section {
-      padding: space(2) space(1) space(2) space(2);
+      padding: space(2) space(2) space(2) space(2);
       &::v-deep > * {
         // flex: 1 1 var(--minimum-column-width);
         margin: space(1) !important;
@@ -243,4 +248,20 @@ export default {
     }
   }
 }
+
+@media (min-width: 1790px) {
+  .asd20-page-content {
+    &--grid {
+      .primary-messaging-section,
+      .secondary-messaging-section {
+
+        &::v-deep > * {
+          flex: 1 1 var(--minimum-column-width);
+          margin: var(--gutter) !important;
+          max-width: 30%;
+        }
+      }
+    }
+  }
+}
 </style>

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

@@ -179,12 +179,7 @@ export default {
     },
     primaryMessage() {
       const introMessage = this.primaryMessages.slice(0, 1)
-      if (
-        introMessage[0].bodyHtml === '' ||
-        null ||
-        introMessage[0].detailLink !== '' || null
-      )
-        return
+      if (introMessage[0].bodyHtml === '' || null) return
       return introMessage
     },
   },
@@ -295,9 +290,9 @@ export default {
     .asd20-page-content {
       margin-top: space(0);
     }
-    .intro-message {
-      width: 90%;
-    }
+    // .intro-message {
+    //   width: 90%;
+    // }
   }
 }
 </style>

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

@@ -183,13 +183,7 @@ export default {
     },
     primaryMessage() {
       const introMessage = this.primaryMessages.slice(0, 1)
-      if (
-        introMessage[0].bodyHtml === '' ||
-        null ||
-        introMessage[0].detailLink !== '' ||
-        null
-      )
-        return
+      if (introMessage[0].bodyHtml === '' || null) return
       return introMessage
     },
   },
@@ -317,9 +311,9 @@ export default {
         }
       }
     }
-    .intro-message {
-      width: 90%;
-    }
+    // .intro-message {
+    //   width: 90%;
+    // }
   }
 }
 </style>

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

@@ -273,9 +273,9 @@ export default {
     .asd20-page-content {
       margin-top: space(0);
     }
-    .intro-message {
-      width: 90%;
-    }
+    // .intro-message {
+    //   width: 90%;
+    // }
   }
 }
 </style>

package/src/mixins/pageTemplateMixin.js

@@ -22,7 +22,7 @@ export default {
 
     // Page content
     messages: { type: Array, default: () => [] },
-    primaryMessageLimit: { type: Number, default: 3 },
+    primaryMessageLimit: { type: Number, default: 12 },
     // factoids: { type: Array, default: () => [] },
     websiteLogoProps: { type: Object, default: null },