@asd20/ui 3.2.392 → 3.2.395

package/package.json

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

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

@@ -156,9 +156,7 @@ export default {
     },
     setFocusItem() {
       let el = document.getElementById(
-        `asd20-site-menu__item-${this.activeSectionIndex}-${
-          this.focusedItemIndex
-        }`
+        `asd20-site-menu__item-${this.activeSectionIndex}-${this.focusedItemIndex}`
       )
       el.focus()
     },
@@ -236,9 +234,11 @@ export default {
   left: 0;
   top: 0;
   right: space(2);
-  bottom: space(7);
+  bottom: 0;
+  // bottom: space(7);
   background: var(--website-menu__open-background-color, white);
-  overflow: auto;
+  // overflow: auto;
+  overflow-y: scroll !important;
 }
 
 .asd20-table-of-contents {
@@ -262,7 +262,7 @@ export default {
     flex-grow: 0;
     justify-content: space-between;
     align-items: center;
-    padding: space(1) space(1);
+    padding: space(0.5) space(0.5);
     cursor: pointer;
     transition: background asd20-speed(1) ease-in-out;
     box-shadow: 0 -1px 0 0 var(--website-menu__divider-color) inset;
@@ -305,6 +305,7 @@ export default {
   top: 0;
   right: 0;
   bottom: 0;
+  // overflow-y: scroll;
   &__back {
     display: flex;
     justify-content: flex-start;
@@ -342,8 +343,8 @@ export default {
   }
 
   .asd20-site-menu__items {
-    overflow-y: scroll; /* has to be scroll, not auto */
-    -webkit-overflow-scrolling: touch;
+    overflow-y: scroll !important; /* has to be scroll, not auto */
+    // -webkit-overflow-scrolling: touch;
   }
 
   .asd20-site-menu__item {
@@ -384,6 +385,11 @@ export default {
   .asd20-site-menu__viewport {
     right: 50vw;
   }
+  .asd20-table-of-contents {
+    &__item {
+      padding: space(1);
+    }
+  }
 }
 
 @media (min-width: 1024px) {