@asd20/ui 3.2.407 → 3.2.408

package/package.json

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

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

@@ -12,6 +12,20 @@
         @toggle-all="$emit('toggle-all')"
       />
     </client-only>
+
+    <!-- Site Navigation -->
+    <asd20-site-navigation
+      :navigation="navigation"
+      :action-items="actionItems"
+      @update:menuOpen="$emit('update:menuOpen', $event)"
+      :menu-open="menuOpen"
+      @update:searchOpen="$emit('update:searchOpen', $event)"
+      :search-open="searchOpen"
+      :organization="organization"
+      :organization-options="organizationOptions"
+    >
+    </asd20-site-navigation>
+
     <!-- Page Header -->
     <asd20-page-header
       id="page-header"
@@ -40,18 +54,6 @@
       </template>
     </asd20-page-header>
 
-    <!-- Site Navigation -->
-    <asd20-site-navigation
-      :navigation="navigation"
-      :action-items="actionItems"
-      @update:menuOpen="$emit('update:menuOpen', $event)"
-      :menu-open="menuOpen"
-      @update:searchOpen="$emit('update:searchOpen', $event)"
-      :search-open="searchOpen"
-      :organization="organization"
-      :organization-options="organizationOptions"
-    >
-    </asd20-site-navigation>
     <!-- Inline-Notifications -->
     <client-only>
       <asd20-notification-group
@@ -75,6 +77,7 @@
         v-bind="widgetsSectionProps.sidebar"
         @events-in-view="$emit('events-in-view')"
         @files-in-view="$emit('files-in-view')"
+        @people-in-view="$emit('people-in-view')"
       ></asd20-widgets-section>
     </asd20-page-content>
 
@@ -141,8 +144,6 @@ import Asd20PageFooter from '../../../components/organisms/Asd20PageFooter'
 import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMenu'
 import Asd20NotificationGroup from '@asd20/notifications-ui/src/components/Asd20NotificationGroup'
 
-// import Intersect from 'vue-intersect'
-
 // Mixins
 import pageTemplateMixin from '../../../mixins/pageTemplateMixin'
 
@@ -160,7 +161,6 @@ export default {
     Asd20NotificationGroup,
     Asd20QuicklinksMenu,
     Asd20MediaSection,
-    // Intersect,
   },
 }
 </script>
@@ -200,19 +200,11 @@ export default {
       }
     }
   }
-  .notification-group--inline {
-    margin: space(1);
-  }
-  .asd20-widgets-section {
-    background: var(--website-page__alternate-background-color);
-    background-image: var(--website-texture__default);
-    background-position-y: top;
-    padding: space(1) 0;
-  }
 }
 
 @media (min-width: 1024px) {
   .asd20-template-article {
+    @include template-desktop;
     margin-left: space(3);
     margin-top: 0;
     .asd20-notification-group--floating {
@@ -228,10 +220,8 @@ export default {
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);
-    }
-    .asd20-widgets-section {
-      padding: space(2) space(3);
-      height: min-content;
+      flex-basis: 100%;
+      margin-bottom: 0 !important;
     }
 
     .asd20-page-content {
@@ -246,10 +236,6 @@ export default {
         background: none;
       }
     }
-    .notification-group--inline {
-      flex-basis: 100%;
-      margin-bottom: 0 !important;
-    }
     .primary-messaging-section {
       max-width: 50vw;
     }