@asd20/ui 3.2.445 → 3.2.446

package/package.json

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

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

@@ -328,10 +328,6 @@ export default {
         padding-right: 0;
       }
     }
-
-    &::v-deep .asd20-notification-group--floating {
-      margin-left: space(1);
-    }
   }
 
   &__content {
@@ -549,7 +545,7 @@ export default {
       }
     }
     &__title-content {
-      max-width: 50%;
+      max-width: 60%;
     }
     &__call-to-action {
       margin: space(-1) 60vw space(-1) space(3);

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

@@ -137,31 +137,35 @@ export default {
     --fill-one: rgba(255, 255, 255, 1);
     --fill-two: rgba(255, 255, 255, 0.625);
 
-    position: relative;
+    position: absolute;
     z-index: 101;
-    background: white;
+    // background: white;
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-end;
     flex-direction: row;
     align-items: center;
     padding: space(0.25) space(0.5);
-
+    margin-top: space(0.5);
+    width: 95vw;
     &::v-deep .asd20-picker {
       display: none;
     }
 
     &::v-deep .notification-group--status {
       // margin-left: 0.5rem;
-      .asd20-notification {
-        margin: 0;
-        padding: 0 !important;
+      // .asd20-notification {
+      //   margin: 0;
+      //   padding: 0 !important;
+      // }
+      .notifications {
+        border-radius: space(0.5);
       }
     }
     &::v-deep .asd20-schedule-indicator {
       margin-left: 1rem;
     }
     &::v-deep .notification-group--floating {
-      margin-right: 0;
+      margin-right: space(1.25);
       .bell {
         z-index: 1000;
         box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
@@ -188,6 +192,10 @@ export default {
     z-index: 1;
   }
 
+  &__content {
+    margin-top: space(2);
+  }
+
   &__lead {
     position: relative;
     z-index: 1;
@@ -312,12 +320,14 @@ $max: 4rem;
     }
 
     &__top {
+      position: relative;
       margin: 0;
       padding: space(1) space(3) space(1) space(3);
       grid-column: 1/-1;
       grid-row: 1/7;
       background: transparent;
       justify-content: space-between;
+      width: inherit;
       &::v-deep .asd20-picker {
         display: flex;
       }
@@ -333,9 +343,11 @@ $max: 4rem;
       position: absolute;
       right: space(3);
       top: space(3.5);
+      margin-right: 0;
     }
 
     &__content {
+      margin-top: 0;
       position: relative;
       grid-column: 2 / 6;
       grid-row: 8 / 9;

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

@@ -197,7 +197,7 @@ export default {
   margin-top: space(2.25);
   .asd20-notification-group--floating {
     position: absolute;
-    top: space(2);
+    top: space(1.5);
     .bell {
       box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
       svg {
@@ -253,6 +253,13 @@ export default {
     }
   }
 }
+@media (min-width: 768px) {
+  .asd20-template-wayfinding-image {
+    .asd20-notification-group--floating {
+      top: space(0.5);
+    }
+  }
+}
 
 @media (min-width: 1024px) {
   .asd20-template-wayfinding-image {