@asd20/ui 3.2.1028 → 3.2.1030

package/package.json

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

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

@@ -94,6 +94,13 @@ export default {
     &__overlay-label ::after {
       margin-right: space(1);
     }
+    .asd20-icon {
+      margin-left: space(0.25);
+      width: 32px !important;
+      height: 32px !important;
+      --line-color: var(--website-icon__line-color) !important;
+      --fill-color: var(--website-menu__icon-fill-color) !important;
+    }
   }
 }
 </style>

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

@@ -68,28 +68,7 @@ export default {
 
   methods: {
     share() {
-      // if (typeof window !== undefined && navigator.share) {
-      //   const h1 = document.getElementsByTagName('h1')[0]
-      //   const pageTitle = document.getElementsByTagName('title')[0]
-      //   const title = h1 ? h1.innerText : pageTitle.text
-      //   const url = document.querySelector('link[rel=canonical]')
-      //     ? document.querySelector('link[rel=canonical]').href
-      //     : document.location.href
-
-      //   this.showMenu = false
-
-      //   navigator
-      //     .share({
-      //       title,
-      //       url,
-      //     })
-      //     .then(() => {
-      //       console.log('Thanks for sharing!')
-      //     })
-      //     .catch(console.error)
-      // } else {
       this.showMenu = !this.showMenu
-      // }
     },
     openShareLink(urlTemplate) {
       this.showMenu = false
@@ -172,7 +151,7 @@ export default {
       padding-right: 0.5rem;
     }
     .asd20-icon {
-      --line-color: var(--website-icon__icon-line-color) !important;
+      --line-color: var(--website-icon__line-color) !important;
       --fill-color: var(--website-menu__icon-fill-color) !important;
     }
     &:hover,

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

@@ -311,7 +311,7 @@ export default {
       &::v-deep .asd20-icon {
         width: 32px !important;
         height: 32px !important;
-        --line-color: var(--website-icon__icon-line-color) !important;
+        --line-color: var(--website-icon__line-color) !important;
         --fill-color: var(--website-menu__icon-fill-color) !important;
       }
       &:hover,
@@ -327,12 +327,6 @@ export default {
       padding: 0 1em 0 0.5em;
       &::v-deep .asd20-select-input {
         color: var(--website-page__foreground-color) !important;
-        .asd20-icon {
-          width: 32px !important;
-          height: 32px !important;
-          --line-color: var(--website-icon__icon-line-color) !important;
-          --fill-color: var(--website-menu__icon-fill-color) !important;
-        }
       }
     }
     .asd20-language-loader {

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

@@ -289,10 +289,7 @@ export default {
     svg {
       width: 100%;
       height: 100%;
-      // color: #000000;
-      // fill: #80B3C0;
-      // fill: var(--color__accent);
-      color: var(--website-icon__icon-line-color) !important;
+      color: var(--website-icon__line-color) !important;
       fill: var(--website-menu__icon-fill-color) !important;
     }
 

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

@@ -341,7 +341,7 @@ export default {
         &::v-deep .asd20-icon {
           width: 32px !important;
           height: 32px !important;
-          --line-color: var(--website-icon__icon-line-color) !important;
+          --line-color: var(--website-icon__line-color) !important;
           --fill-color: var(--website-menu__icon-fill-color) !important;
         }
         &:hover,
@@ -355,11 +355,8 @@ export default {
         background: rgba(255, 255, 255, 0.9);
         border-radius: 3rem;
         padding: 0 1em 0 0.5em;
-        &::v-deep .asd20-icon {
-          width: 32px !important;
-          height: 32px !important;
-          --line-color: var(--website-icon__icon-line-color) !important;
-          --fill-color: var(--website-menu__icon-fill-color) !important;
+        &::v-deep .asd20-select-input {
+          color: var(--website-page__foreground-color) !important;
         }
       }
     }

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

@@ -298,11 +298,8 @@ export default {
     Asd20PageFooter,
     Asd20SiteNavigation,
     Asd20WidgetsSection,
-    Asd20FeedsSection,
     Asd20NotificationGroup,
     Asd20QuicklinksMenu,
-    Asd20SearchField,
-    Asd20MultiselectInput,
     Asd20Card,
     Asd20Button,
     Intersect,
@@ -506,7 +503,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

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

@@ -424,20 +424,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .notification-group--inline {
     margin: space(2) space(1) space(1) space(1);
@@ -448,12 +434,6 @@ export default {
     }
     .asd20-card {
       margin: space(1) space(1) space(2) space(1);
-      // &__date-time {
-      //   display: none;
-      // }
-      // &__description {
-      //   display: none;
-      // }
     }
 
     .article-pagination {
@@ -530,14 +510,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

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

@@ -467,20 +467,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .feed-title {
     margin: space(1) 0 0 0;
@@ -591,14 +577,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .feed-title {
       margin-left: 0;

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

@@ -161,7 +161,6 @@ export default {
     Asd20PageFooter,
     Asd20SiteNavigation,
     Asd20WidgetsSection,
-    Asd20FeedsSection,
     Asd20NotificationGroup,
     Asd20QuicklinksMenu,
     Asd20MediaSection,
@@ -192,24 +191,7 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
-  // .asd20-page-content h2 {
-  //   font-size: 20.8px !important;
-  // }
 }
 
 @media (min-width: 1024px) {
@@ -219,14 +201,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

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

@@ -146,16 +146,9 @@
 // Components
 import Asd20SkipTo from '../../../components/atoms/Asd20SkipTo'
 import Asd20PageHeader from '../../../components/organisms/Asd20PageHeader'
-
-// import Asd20SiteNavigation from '../../../components/organisms/Asd20SiteNavigation'
 import Asd20PageContent from '../../../components/organisms/Asd20PageContent'
-
-// import Asd20WidgetsSection from '../../../components/organisms/Asd20WidgetsSection'
-// import Asd20FeedsSection from '../../../components/organisms/Asd20FeedsSection'
 import Asd20MediaSection from '../../../components/organisms/Asd20MediaSection'
-
 import Asd20PageFooter from '../../../components/organisms/Asd20PageFooter'
-// import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMenu'
 import Asd20NotificationGroup from '../../../components/organisms/Asd20NotificationGroup'
 
 // Mixins
@@ -169,11 +162,7 @@ export default {
     Asd20SkipTo,
     Asd20PageHeader,
     Asd20PageFooter,
-    // Asd20SiteNavigation,
-    // Asd20WidgetsSection,
-    // Asd20FeedsSection,
     Asd20NotificationGroup,
-    // Asd20QuicklinksMenu,
     Asd20MediaSection,
   },
 }
@@ -213,16 +202,9 @@ export default {
       justify-content: space-between;
       align-items: stretch;
       flex-wrap: wrap;
-    //   .asd20-widgets-section {
-    //     flex-basis: 25%;
-    //     padding: space(2) space(3) 0 0;
-    //     background: none;
-    //   }
+
     }
-    // .notification-group--inline {
-    //   flex-basis: 100%;
-    //   margin-bottom: 0 !important;
-    // }
+
     .primary-messaging-section {
       max-width: 50vw;
     }

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

@@ -354,33 +354,7 @@ export default {
         .filter(s => !s.categories.some(c => c.includes('Clubs:')))
         .slice(0, 10)
     },
-    // categoryOptions() {
-    //   // get a unique array of categories with duplicates removed
-    //   return [
-    //     ...new Set(
-    //       this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
-    //     ),
-    //   ]
-    // },
-    // computedCategoryOptions() {
-    //   // get a unique array of categories with duplicates removed
-    //   if (this.categoryOptions.length === 0) {
-    //     return [
-    //       ...new Set(
-    //         this.cards.reduce((a, c) => a.concat(c.categories || []), []).sort()
-    //       ),
-    //     ]
-    //   }
-    //   return this.categoryOptions
-    // },
   },
-  // watch: {
-  //   selectedCategories: function(newVal, oldVal) {
-  //     if (newVal !== oldVal) {
-  //       this.reset()
-  //     }
-  //   },
-  // },
   mounted() {
     this.$nextTick(() => {
       this.$emit('announcements-in-view')
@@ -524,7 +498,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .feed-title-wrapper {
       margin-left: 0;

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

@@ -282,7 +282,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       flex-basis: 100%;

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

@@ -265,7 +265,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

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

@@ -258,7 +258,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

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

@@ -252,7 +252,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

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

@@ -262,11 +262,8 @@ export default {
         &__overlay-label {
           display: none;
         }
-        &::v-deep .asd20-icon {
-          width: 32px !important;
-          height: 32px !important;
-          --line-color: var(--website-icon__icon-line-color) !important;
-          --fill-color: var(--website-menu__icon-fill-color) !important;
+        .asd20-icon {
+          margin-left: 0;
         }
       }
     }

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

@@ -275,12 +275,6 @@ export default {
         &__overlay-label {
           // display: none;
         }
-        &::v-deep .asd20-icon {
-          width: 32px !important;
-          height: 32px !important;
-          --line-color: var(--website-icon__icon-line-color) !important;
-          --fill-color: var(--website-menu__icon-fill-color) !important;
-        }
       }
     }
     .asd20-language-loader {

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

@@ -200,20 +200,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .fileList {
     padding: space(1);
@@ -233,23 +219,6 @@ export default {
     }
   }
 }
-// @media (max-width: 1023px) {
-//   .asd20-template-file-list {
-//     .fileList {
-//       flex-direction: row;
-//       &::v-deep .asd20-list__header {
-//         padding: 0 space(0.75);
-//       }
-//       &::v-deep .asd20-list-category {
-//         padding-left: space(1);
-//       }
-//       &::v-deep .asd20-list-item {
-//         padding-left: space(1);
-//         padding-right: space(1);
-//       }
-//     }
-//   }
-// }
 
 @media (min-width: 1024px) {
   .asd20-template-file-list {
@@ -258,14 +227,7 @@ export default {
     margin-top: 0;
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

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

@@ -374,20 +374,6 @@ export default {
     right: space(0.85);
     top: space(2.0375);
     z-index: 101;
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .notification-group--inline {
     margin: space(1);
@@ -416,11 +402,6 @@ export default {
 }
 @media (min-width: 450px) {
   .asd20-template-logins {
-    // .notification-group--floating {
-    //   position: absolute;
-    //   right: space(0.85);
-    //   top: space(4.25);
-    // }
     .logins-list {
       display: flex;
       flex-direction: row;
@@ -438,14 +419,7 @@ export default {
     .notification-group--floating {
       position: absolute;
       right: space(1.85);
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     .notification-group--inline {
       margin: space(2) space(3) space(1) space(3);

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

@@ -294,7 +294,7 @@ export default {
     background: rgba(255, 255, 255, 1);
     border-radius: 3rem;
     border: 1px solid var(--website-page__alternate-background-color);
-    .asd20-select-input {
+    &::v-deep .asd20-select-input {
       // padding: 0.25rem 0.25rem;
       color: currentColor;
       font-family: Ariel, Arial, Helvetica, sans-serif;
@@ -304,12 +304,6 @@ export default {
       &__field-wrapper {
         padding: 0 0.5rem;
       }
-      &::v-deep .asd20-icon {
-        width: 32px !important;
-        height: 32px !important;
-        --line-color: var(--website-icon__icon-line-color) !important;
-        --fill-color: var(--website-menu__icon-fill-color) !important;
-      }
     }
   }
   .asd20-language-loader {

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

@@ -240,11 +240,6 @@ export default {
       // right: space(6);
       // top: 0 !important;
     }
-    .asd20-notification-group--status {
-      // position: absolute;
-      // right: space(2);
-      // top: space(0.5) !important;
-    }
     .asd20-language-translation {
       z-index: 2;
       background: rgba(255, 255, 255, 1);
@@ -252,19 +247,10 @@ export default {
       border: 1px solid var(--website-page__alternate-background-color);
       margin: 0 0.05rem;
       height: 2.75rem;
-      .asd20-select-input {
+      &::v-deep .asd20-select-input {
         padding: 0.375rem 0.375rem;
         color: currentColor;
         font-family: Arial, Helvetica, sans-serif;
-        &__overlay-label {
-          // display: none;
-        }
-        &::v-deep .asd20-icon {
-          width: 32px !important;
-          height: 32px !important;
-          --line-color: var(--website-icon__icon-line-color) !important;
-          --fill-color: var(--website-menu__icon-fill-color) !important;
-        }
       }
     }
     .asd20-language-loader {
@@ -280,7 +266,7 @@ export default {
     background: var(--website-page__alternate-background-t70);
     background-image: url('/statics/images/chalk-dark.png');
     background-position-y: top;
-    padding-top: 1px; //fix bug
+    padding-top: 1px;
 
     .placeholder-people {
       box-sizing: border-box;
@@ -298,22 +284,6 @@ export default {
     background-color: var(--website-quick-links__background-color);
   }
 }
-@media (min-width: 667px) {
-  .asd20-school-home-video-template {
-    .asd20-notification-group--status {
-      // right: space(2.5);
-      // top: space(0.5) !important;
-    }
-    .asd20-language-translation {
-      // right: space(1);
-      // top: space(0.5) !important;
-    }
-    .asd20-notification-group--floating {
-      // right: space(1);
-      // top: space(2) !important;
-    }
-  }
-}
 
 @media (min-width: 1024px) {
   .asd20-school-home-video-template {
@@ -345,40 +315,11 @@ export default {
         margin-right: space(0.5);
       }
     }
-    .asd20-notification-group--floating {
-      // right: space(4);
-      // top: space(7.5) !important;
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
-    }
     .asd20-notification-group--status {
       order: 0;
       // right: space(5.5) !important;
       // top: space(6) !important;
     }
-    .asd20-language-translation {
-      // 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(4) !important;
-//       top: space(6) !important;
-//     }
-//     .asd20-notification-group--floating {
-//       right: space(4);
-//       top: space(8) !important;
-//     }
-//   }
-// }
 </style>

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

@@ -282,7 +282,7 @@ export default {
   .asd20-template-wayfinding-accessibility {
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     @include template-desktop;
     margin-left: space(3);

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

@@ -222,20 +222,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .asd20-notification-group--inline {
     margin-top: space(2) !important;
@@ -295,14 +281,7 @@ export default {
   .asd20-template-wayfinding-alternate {
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     @include template-desktop;
     margin-left: space(3);
@@ -310,9 +289,6 @@ export default {
     .asd20-page-content {
       margin-top: space(0);
     }
-    // .intro-message {
-    //   width: 90%;
-    // }
   }
 }
 @media (min-width: 1790px) {

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

@@ -302,7 +302,7 @@ export default {
     margin-top: space(0);
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
+      top: space(0.75);
     }
     .asd20-page-content {
       padding: space(1);

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

@@ -218,20 +218,6 @@ export default {
   .asd20-notification-group--floating {
     position: absolute;
     top: space(2.0375);
-    // .bell {
-    //   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
-    //   svg {
-    //     fill: var(--color__accent) !important;
-    //   }
-    //   span {
-    //     background: var(--color__accent) !important;
-    //     top: inherit !important;
-    //     right: inherit !important;
-    //     width: 1.2rem !important;
-    //     height: 1.2rem !important;
-    //     font-size: 0.75rem !important;
-    //   }
-    // }
   }
   .asd20-notification-group--inline {
     margin-top: space(2) !important;
@@ -250,7 +236,6 @@ export default {
     }
 
     p {
-      // font-family: var(--website-typography__font-family-headlines);
       font-size: 1rem !important;
       line-height: 1.5;
       font-family: var(--website-typography__font-family-headlines);
@@ -263,27 +248,15 @@ export default {
         700
       );
       font-family: var(--website-typography__font-family-headlines);
-      // font-size: 36px !important;
     }
   }
-  // .asd20-messaging {
-  //   padding-bottom: space(2);
-  //   border-bottom: 10px solid var(--color__tertiary);
-  // }
 }
 
 @media (min-width: 1024px) {
   .asd20-template-wayfinding {
     .asd20-notification-group--floating {
       position: absolute;
-      top: space(1);
-      // .bell {
-      //   span {
-      //     background: var(--color__accent);
-      //     top: -0.6em !important;
-      //     right: -0.6em !important;
-      //   }
-      // }
+      top: space(0.75);
     }
     @include template-desktop;
     margin-left: space(3);
@@ -291,9 +264,6 @@ export default {
     .asd20-page-content {
       margin-top: space(0);
     }
-    // .intro-message {
-    //   width: 90%;
-    // }
   }
 }