@asd20/ui 3.2.390 → 3.2.393

package/package.json

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

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

@@ -102,11 +102,16 @@ export default {
       }
     },
     tag() {
-      if (this.actionable)
-      return 'button'
+      // if (this.actionable)
+      // return 'button'
       // if (this.actionable && this.to && this.to[0] === '/' && this.$router)
       //   return 'button'
-      if (this.actionable && this.hrefValue) return 'a'
+      if (this.actionable && this.hrefValue) {
+        return 'a'
+      }
+      if (this.actionable) {
+        return 'button'
+      }
       return 'div'
     },
     hrefAttr() {

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,10 @@ export default {
   left: 0;
   top: 0;
   right: space(2);
-  bottom: space(7);
+  bottom: 0;
   background: var(--website-menu__open-background-color, white);
   overflow: auto;
+  overflow-y: scroll;
 }
 
 .asd20-table-of-contents {
@@ -262,7 +261,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 +304,7 @@ export default {
   top: 0;
   right: 0;
   bottom: 0;
+  overflow-y: scroll;
   &__back {
     display: flex;
     justify-content: flex-start;
@@ -384,6 +384,11 @@ export default {
   .asd20-site-menu__viewport {
     right: 50vw;
   }
+  .asd20-table-of-contents {
+    &__item {
+      padding: space(1);
+    }
+  }
 }
 
 @media (min-width: 1024px) {