@asd20/ui 3.2.830 → 3.2.832

package/package.json

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

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

@@ -300,9 +300,9 @@ export default {
     .right {
       display: flex;
       align-items: center;
-      & > *:not(:first-child) {
-        margin-left: space(0.25);
-      }
+      // & > *:not(:first-child) {
+      //   margin-left: space(0.25);
+      // }
     }
     .print-button {
       padding: 0.375rem 0.375rem;
@@ -574,6 +574,13 @@ export default {
       // }
       display: none;
     }
+    &__tools {
+      .right {
+        & > *:not(:first-child) {
+          margin-left: space(0.25);
+        }
+      }
+    }
     h1 {
       @include asd20-font(
         2.5,

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

@@ -320,9 +320,6 @@ export default {
     .right {
       display: flex;
       align-items: center;
-      & > *:not(:first-child) {
-        margin-left: space(0.25);
-      }
     }
     .print-button {
       padding: 0.375rem 0.375rem;
@@ -554,6 +551,13 @@ export default {
         bottom: 0;
       }
     }
+    &__tools {
+      .right {
+        & > *:not(:first-child) {
+          margin-left: space(0.25);
+        }
+      }
+    }
   }
 }
 

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

@@ -1,14 +1,6 @@
 <template>
   <section class="asd20-widgets-section">
     <slot name="before" />
-    <asd20-link-list
-      v-if="relatedLinks.length > 5"
-      class="related-links-wide"
-      :links="relatedLinks"
-      v-bind="relatedLinksProps"
-      :multi-column="full"
-      max-height="1500px"
-    />
 
     <div class="widgets-wrapper">
       <asd20-department-contact-card
@@ -25,19 +17,28 @@
         max-height="400px"
       />
       <asd20-link-list
-        class="relatedPages"
         v-if="relatedPages"
+        class="relatedPages"
         :links="relatedPages"
         v-bind="relatedPagesProps"
-        max-height="400px"
+        :multi-column="full"
+        max-height="100%"
       />
+      <!-- <asd20-link-list
+        v-if="relatedLinks.length > 5"
+        class="related-links-wide"
+        :links="relatedLinks"
+        v-bind="relatedLinksProps"
+        :multi-column="full"
+        max-height="1500px"
+      /> -->
       <asd20-link-list
-        v-if="relatedLinks.length <= 5"
+        v-if="relatedLinks"
         class="relatedLinks"
         :links="relatedLinks"
         v-bind="relatedLinksProps"
         :multi-column="full"
-        max-height="400px"
+        max-height="100%"
       />
 
       <!-- <intersect v-if="eventsFeedProps" @enter="$emit('events-in-view')">

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

@@ -238,13 +238,15 @@ export default {
       align-items: stretch;
       flex-wrap: wrap;
       .asd20-widgets-section {
-        flex-basis: 30%;
-        padding: space(2) space(2) 0 0;
+        // flex-basis: 30%;
+        flex: 0 0 30%;
+        padding: space(1) space(2) space(2) space(1);
         background: none;
       }
       .primary-messaging-section {
         display: block;
-        max-width: 50vw;
+        flex: 1;
+        // max-width: 50vw;
       }
     }