@asd20/ui 3.2.709 → 3.2.711

package/package.json

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

package/src/components/molecules/Asd20ListCategory.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="asd20-list-category">
+  <div class="asd20-list-category" v-if="label">
     <div class="asd20-list-category__label" v-html="label"></div>
     <asd20-badge v-if="badge" :value="badge" />
   </div>

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

@@ -113,11 +113,11 @@ export default {
 @keyframes slide_down {
   from {
     opacity: 0;
-    bottom: space(2);
+    // bottom: space(2);
   }
   to {
     opacity: 1;
-    botom: space(-0.74);
+    // botom: space(-0.74);
   }
 }
 
@@ -153,7 +153,7 @@ export default {
         margin-left: space(3);
         .asd20-messaging__content {
           margin: 0;
-          animation: slide_left 2s ease-in-out 0.5s both;
+          animation: slide_left 1.5s ease-in-out 0.5s both;
         }
         .asd20-messaging__heading {
           @include fluid-type($base-font-size * 1.5, $base-font-size * 2);
@@ -167,7 +167,7 @@ export default {
         position: absolute;
         width: 75%;
         top: 0;
-        bottom: space(-0.74);
+        // bottom: space(-0.74);
         left: 3.25rem;
         height: 100%;
         right: 0;
@@ -189,7 +189,7 @@ export default {
         // );
         border-left: 30px solid var(--website-homepage-header__accent);
         // border-bottom: 20px solid var(--website-homepage-header__accent);
-        animation: slide_left 2.5s ease-in-out 0.5s both;
+        animation: slide_down 2.5s ease-in-out 0.5s both;
       }
     }
     &::v-deep .asd20-messaging__button-group {

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

@@ -124,7 +124,10 @@ export default {
 
 .asd20-widgets-section {
   &::v-deep .asd20-list__header {
-    border-bottom: 2px solid rgba(128, 128, 128, 0.1) !important;
+    border-bottom: 2px solid var(--website-icon__fill-color) !important;
+  }
+  &::v-deep .asd20-list-category {
+    border-bottom: 1px solid #d9d9d9 !important;
   }
   .related-links-wide {
     margin-bottom: space(2);
@@ -179,11 +182,11 @@ export default {
       }
     }
 
-    .relatedDepartment,
-    .relatedPeople,
-    .relatedPages {
-      max-width: 50vw;
-    }
+    // .relatedDepartment,
+    // .relatedPeople,
+    // .relatedPages {
+    //   max-width: 50vw;
+    // }
   }
 }
 </style>

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

@@ -307,7 +307,7 @@ export default {
 @keyframes slide_left {
   from {
     opacity: 0;
-    margin-left: 150px;
+    margin-left: 200px;
   }
   to {
     opacity: 1;
@@ -355,7 +355,7 @@ export default {
       position: absolute;
       bottom: 20%;
       transform: translate3d(0, calc(-70% * var(--scroll-progress)), 0);
-      animation: slide_left 1s ease-in-out 0.5s both;
+      animation: slide_left 1.5s ease-in-out 0.5s both;
       .lead {
       }
     }

package/src/design/_template.scss

@@ -14,7 +14,7 @@
     // background-image: var(--website-texture__default);
     // background-position-y: top;
 
-    padding-top: space(0.5);
+    padding: space(0.5);
   }
   main .asd20-widgets-section {
     // margin-bottom: space(-1);