@asd20/ui 3.2.835 → 3.2.837

package/package.json

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

package/src/components/atoms/Asd20Logo/index.vue

@@ -60,9 +60,12 @@ export default {
       return classes
     },
     abbreviatedTitle() {
+      let newTitle = ''
+      if (this.title === 'Academy District 20 Insider') {
+        return (newTitle = 'D20 Insider')
+      }
       const words = this.title.trim().split(' ')
       if (this.abbreviated && words.length >= 3) {
-        let newTitle = ''
         for (let i = 0; i < words.length; i++) {
           newTitle += `${words[i][0]}<em>${words[i].substr(1)} </em>`
         }

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

@@ -177,9 +177,6 @@ export default {
     .notification-group--inline {
       margin: space(2) space(3) space(0) space(3);
     }
-    .primary-messaging-section {
-      justify-content: center;
-    }
     .primary-messaging-section,
     .secondary-messaging-section {
       display: flex;

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

@@ -113,11 +113,16 @@ export default {
     font-weight: 900;
     line-height: 1.5;
     color: var(--website-homepage-header__title-color);
+    animation: slide_left 1.5s ease-in-out 0.5s both;
+  }
+  &::v-deep .lead {
+    animation: slide_left 1.25s ease-in-out 1s both;
+  }
+
     // -webkit-background-clip: text;
     // -webkit-text-fill-color: transparent;
     // background-image: url('https://asd20websitestorage.blob.core.windows.net/asd20-images/page-images/asd20-header-divider.jpg');
     // background-size: 30% auto;
-  }
   &::v-deep .lead {
     @include fluid-type($base-font-size * 1.2, $base-font-size * 1.4);
     color: var(--website-homepage-header__foreground-color);
@@ -174,6 +179,19 @@ export default {
   }
 }
 
+@keyframes slide_left {
+  from {
+    opacity: 0;
+    margin-left: 300px;
+    margin-right: -300px;
+  }
+  to {
+    opacity: 1;
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+
 @media (min-width: 1024px) {
   .photostrip {
     height: 40vh;

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

@@ -45,7 +45,7 @@
                 : 'notification-wrapper'
             "
           >
-            <client-only>
+            <!-- <client-only>
               <a
                 class="weather-link"
                 href="https://www.asd20.org/alerts-and-communication/weather-related-communication/"
@@ -57,7 +57,7 @@
                   @toggle-all="$emit('toggle-all')"
                 />
               </a>
-            </client-only>
+            </client-only> -->
 
             <client-only>
               <Asd20LanguageTranslation
@@ -214,6 +214,14 @@ export default {
   flex-shrink: 0;
   overflow-y: auto;
   margin-top: space(2.25);
+  nav {
+    #menu-toggle-button {
+      display: none;
+    }
+    .asd20-picker {
+      margin-left: space(1);
+    }
+  }
   .logo-header {
     --fill-one: rgba(255, 255, 255, 1);
     --fill-two: rgba(255, 255, 255, 0.625);
@@ -261,11 +269,11 @@ export default {
     .asd20-language-loader {
       order: 1;
     }
-    .translation-button-adjust {
-      position: absolute;
-      top: space(1.375);
-      right: space(0.5);
-    }
+    // .translation-button-adjust {
+    //   position: absolute;
+    //   top: space(0.25);
+    //   right: space(0.25);
+    // }
     & ::v-deep .notification-group--status .notifications {
       padding: 0.375rem;
       border-radius: 3rem;
@@ -301,9 +309,12 @@ export default {
       // }
     }
     .notification-wrapper {
+      position: absolute;
+      top: space(0.5);
+      right: space(0.5);
       display: flex;
       flex-direction: row;
-      justify-content: center;
+      justify-content: flex-end;
       width: 100%;
     }
     .double-notification-wrapper {
@@ -347,11 +358,10 @@ export default {
     .logo-header {
       padding: 0 space(1);
     }
-    .translation-button-adjust {
-      position: relative !important;
-      top: 0 !important;
-      right: 0 !important;
-    }
+    // .translation-button-adjust {
+    //   top: space(-0.5);
+    //   right: space(0.5);
+    // }
     .double-notification-wrapper {
       // padding-right: space(1);
       justify-content: flex-end !important;
@@ -364,7 +374,9 @@ export default {
     display: block;
     margin-left: space(3);
     margin-top: 0;
-
+    .translation-button-adjust {
+      position: relative !important;
+    }
     .logo-header {
       --fill-one: #0e2c6c;
       --fill-two: #9fa1a2;
@@ -381,11 +393,14 @@ export default {
       }
       .notification-wrapper,
       .double-notification-wrapper {
+        position: relative;
+        top: 0;
+        right: 0;
         display: flex;
         justify-content: flex-end;
         align-items: center;
         width: 100%;
-        margin: space(1);
+        // margin: space(1);
       }
     }
     .asd20-primary-header,

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

@@ -254,6 +254,7 @@ export default {
   }
   .intro-message {
     .primary-messaging-section {
+      justify-content: center;
       padding-top: space(1) !important;
       padding-bottom: space(1) !important;
       .asd20-messaging {

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

@@ -265,6 +265,7 @@ export default {
 
   .intro-message {
     .primary-messaging-section {
+      justify-content: center;
       padding-top: space(1) !important;
       padding-bottom: space(1) !important;
       .asd20-messaging {

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

@@ -234,6 +234,7 @@ export default {
 
   .intro-message {
     .primary-messaging-section {
+      justify-content: center;
       padding-top: space(1) !important;
       padding-bottom: space(1) !important;
       .asd20-messaging {