@asd20/ui 3.2.445 → 3.2.448

package/package.json

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

package/src/components/molecules/Asd20Picker/index.vue

@@ -27,16 +27,6 @@
         </asd20-list-item>
         <asd20-accordion :opened="true" label="Favorites">
           <transition-group name="fade" mode="in-out">
-            <!-- <asd20-checkbox
-              v-for="item in trueItems"
-              :key="item.id"
-              :label="item.label"
-              :value="item.value"
-              :link="item.website"
-              @input="editFavorites(item.id)"
-              :icon="icon"
-              v-on:eventLabelClick="catchFavorites"
-            /> -->
             <div
               class="favorite-list-item"
               v-for="item in trueItems"
@@ -56,21 +46,10 @@
         </asd20-accordion>
         <asd20-accordion
           v-for="(categoryItem, index) in itemsByCategoryOptions"
-          :label="categoryItem.title"
+          :label="categoryItem.title + ' Schools'"
           :key="index"
         >
           <transition-group name="fade" mode="in-out">
-            <!-- <asd20-checkbox
-              v-for="item in categoryItem.itemsSorted"
-              :key="(index, item.id)"
-              :label="item.title"
-              :value="item.value"
-              :link="item.website"
-              @input="editFavorites(item.id)"
-              :icon="icon"
-              v-on:eventLabelClick="catchFavorites"
-            /> -->
-
             <div
               class="favorite-list-item"
               v-for="item in categoryItem.itemsSorted"
@@ -243,6 +222,7 @@ export default {
 .asd20-picker {
   position: relative;
   display: flex;
+  align-items: center;
   .picker-button {
     // margin: space(0.1) space(0);
   }
@@ -328,19 +308,4 @@ export default {
     height: auto;
   }
 }
-// @media (min-width: 900px) {
-//   .asd20-picker__modal {
-//     padding: space(1) space(3);
-//   }
-// }
-// @media (min-width: 1100px) {
-//   .asd20-picker__modal {
-//     padding: space(1) space(10);
-//   }
-//   .asd20-picker {
-//     &__button {
-//       padding: space(0.5);
-//     }
-//   }
-// }
 </style>

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/Asd20OrganizationPicker/index.vue

@@ -104,8 +104,10 @@ export default {
 
 .asd20-organization-picker {
   .asd20-district-logo {
-    margin: auto;
     padding-left: space(0.25);
+    &::v-deep svg {
+      height: inherit;
+    }
   }
 }
 @media (min-width: 768px) {
@@ -120,9 +122,8 @@ export default {
 @media (min-width: 1024px) {
   .asd20-organization-picker {
     .asd20-district-logo {
-      height: space(1.5);
       margin: space(1) auto space(1) 0;
-      display: block;
+      // display: flex;
       --fill-one: var(--color__primary);
       --fill-two: var(--color__secondary-t30);
     }
@@ -130,7 +131,7 @@ export default {
       .asd20-district-logo {
         height: space(1.5);
         margin: space(1) auto space(1) 0;
-        display: block;
+        // display: block;
         --fill-one: #fff;
         --fill-two: #ccc;
       }

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/organisms/Asd20SwiperFeed/index.vue

@@ -15,8 +15,8 @@
         </div>
         <div class="swiper-slide">
           <asd20-card
-            :title="linkLabel"
-            :link="link"
+            :title="cards.length > 10 ? linkLabel : 'That\'s all, folks!'"
+            :link="cards.length > 10 ? link : null"
             expanded-header
             zoom
             reversed
@@ -30,7 +30,7 @@
       </template>
     </asd20-swiper>
     <asd20-button
-      v-if="link && linkLabel"
+      v-if="link && linkLabel && cards.length > 10"
       :label="linkLabel"
       :link="link"
       size="md"

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 {