@asd20/ui 3.2.366 → 3.2.369

package/package.json

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

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

@@ -211,6 +211,11 @@ export default {
   .logoContainer {
     display: flex;
     justify-content: space-between;
+    .asd20-logo {
+      &::v-deep .asd20-logo__title {
+        max-width: 100%;
+      }
+    }
     img {
       // margin-top: space(-1);
       margin-left: space(1);

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

@@ -138,18 +138,17 @@ export default {
     z-index: 101;
     background: white;
     display: flex;
-    justify-content: space-between;
+    justify-content: flex-end;
+    flex-direction: row;
     align-items: center;
-    flex-direction: column;
-    align-items: flex-start;
-    padding: space(0.25);
+    padding: space(0.25) space(0.5);
 
     &::v-deep .asd20-picker {
       display: none;
     }
 
     &::v-deep .notification-group--status {
-      margin-left: 0.5rem;
+      // margin-left: 0.5rem;
       .asd20-notification {
         margin: 0;
         padding: 0 !important;
@@ -167,7 +166,7 @@ export default {
     position: relative;
     color: var(--website-header__title-color);
     @include asd20-font(
-      2.5,
+      2.0,
       var(--website-typography__font-family-headlines),
       1.2,
       700
@@ -242,8 +241,8 @@ $max: 4rem;
   .asd20-school-homepage-header {
     &__top {
       flex-direction: row;
-      justify-content: flex-start;
-      padding: 0 space(1);
+      justify-content: flex-end;
+      padding: space(0.25) space(1);
       align-items: center !important;
     }
   }
@@ -315,10 +314,13 @@ $max: 4rem;
       background: white !important;
       grid-column: -6 / -2;
       grid-row: 3 / 5;
-      right: auto;
-      justify-self: end;
       padding-right: 0;
     }
+    &::v-deep .asd20-notification-group--floating {
+      position: absolute;
+      right: space(3);
+      top: space(3.5);
+    }
 
     &__content {
       position: relative;
@@ -366,7 +368,7 @@ $max: 4rem;
       height: auto;
       margin: 0;
       padding: 0;
-      // transform: translate3d(0, calc(-10% * var(--scroll-progress)), 0);
+      transform: translate3d(0, calc(-10% * var(--scroll-progress)), 0);
       border-radius: var(--website-shape__radius-l);
       overflow: hidden;
 

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

@@ -418,15 +418,6 @@ $max: 4rem;
       }
     }
 
-    &::v-deep .asd20-notification-group--status {
-      background: white !important;
-      grid-column: -6 / -2;
-      grid-row: 3 / 5;
-      right: auto;
-      justify-self: end;
-      padding-right: 0;
-    }
-
     &__content {
       top: space(1);
       left: space(1);

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

@@ -118,7 +118,7 @@ export default {
         display: block;
         position: absolute;
         height: space(10);
-        width: 40%;
+        width: 45%;
         bottom: space(-.75);
         left: space(1.25);
         height: 60%;

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

@@ -224,52 +224,27 @@ export default {
   .asd20-feeds-section {
     margin-top: space(0);
   }
-
-  .asd20-notification-group--floating {
-    position: absolute;
-    right: space(0.5);
-    top: space(0.5) !important;
-  }
-
-  // .announcements,
-  // .calendars {
-  //   margin-top: space(0);
-  // }
   .asd20-quicklinks-menu {
     position: relative;
     background-color: var(--website-quick-links__background-color);
   }
 }
-@media (min-width: 667px) {
-  .asd20-school-home-template {
-    .asd20-notification-group--floating {
-      right: space(1);
-      top: space(0.2) !important;
-    }
-  }
-}
 
 @media (min-width: 1024px) {
   .asd20-school-home-template {
     display: block;
     margin-left: space(3);
     margin-top: 0;
-    &::v-deep .asd20-notification-group--status {
-      background: white;
-      top: space(2);
-    }
+    // &::v-deep .asd20-notification-group--status {
+    //   background: white;
+    //   top: space(2);
+    // }
     .pickerContainer {
       display: flex;
       .optionalLogo {
-        max-width: 12rem;
-        max-height: 6rem;
-        margin-left: space(0.5);
+        display: none;
       }
     }
-    // .asd20-feeds-section {
-    //   margin-top: space(1);
-    // }
-
     .asd20-quicklinks-menu {
       padding-bottom: space(1);
       margin: space(-1) 0 0 0;
@@ -283,9 +258,18 @@ export default {
         margin-right: space(0.5);
       }
     }
-    .asd20-notification-group--floating {
-      right: space(1);
-      top: space(7) !important;
+  }
+}
+@media (min-width: 1350px) {
+  .asd20-school-home-template {
+    .pickerContainer {
+      display: flex;
+      .optionalLogo {
+        display: block;
+        max-width: 12rem;
+        max-height: 6rem;
+        margin-left: space(0.5);
+      }
     }
   }
 }

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

@@ -202,7 +202,6 @@ export default {
     right: space(0.5);
     top: space(0.5) !important;
   }
-
   .asd20-notification-group--floating {
     position: absolute;
     right: space(0.5);
@@ -237,7 +236,7 @@ export default {
       .optionalLogo {
         max-width: 12rem;
         max-height: 6rem;
-        margin-left: space(2);
+        margin-left: space(1);
       }
     }
 
@@ -260,8 +259,22 @@ export default {
     }
     .asd20-notification-group--status {
       order: 0;
-      right: space(1) !important;
-      top: space(4) !important;
+      right: space(4) !important;
+      top: space(6) !important;
+    }
+  }
+}
+
+@media (min-width: 1350px) {
+  .asd20-school-home-video-template {
+    .asd20-notification-group--status {
+      order: 0;
+      right: space(3) !important;
+      top: space(2.5) !important;
+    }
+    .asd20-notification-group--floating {
+      right: space(3.5);
+      top: space(3.5) !important;
     }
   }
 }