@asd20/ui 3.2.391 → 3.2.394
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -108,10 +108,11 @@ export default {
|
|
|
108
108
|
// return 'button'
|
|
109
109
|
if (this.actionable && this.hrefValue) {
|
|
110
110
|
return 'a'
|
|
111
|
-
|
|
112
|
-
|
|
111
|
+
}
|
|
112
|
+
if (this.actionable) {
|
|
113
113
|
return 'button'
|
|
114
114
|
}
|
|
115
|
+
return 'div'
|
|
115
116
|
},
|
|
116
117
|
hrefAttr() {
|
|
117
118
|
return this.tag === 'a' ? 'href' : null
|
|
@@ -156,9 +156,7 @@ export default {
|
|
|
156
156
|
},
|
|
157
157
|
setFocusItem() {
|
|
158
158
|
let el = document.getElementById(
|
|
159
|
-
`asd20-site-menu__item-${this.activeSectionIndex}-${
|
|
160
|
-
this.focusedItemIndex
|
|
161
|
-
}`
|
|
159
|
+
`asd20-site-menu__item-${this.activeSectionIndex}-${this.focusedItemIndex}`
|
|
162
160
|
)
|
|
163
161
|
el.focus()
|
|
164
162
|
},
|
|
@@ -239,6 +237,7 @@ export default {
|
|
|
239
237
|
bottom: space(7);
|
|
240
238
|
background: var(--website-menu__open-background-color, white);
|
|
241
239
|
overflow: auto;
|
|
240
|
+
// overflow-y: scroll;
|
|
242
241
|
}
|
|
243
242
|
|
|
244
243
|
.asd20-table-of-contents {
|
|
@@ -262,7 +261,7 @@ export default {
|
|
|
262
261
|
flex-grow: 0;
|
|
263
262
|
justify-content: space-between;
|
|
264
263
|
align-items: center;
|
|
265
|
-
padding: space(
|
|
264
|
+
padding: space(0.5) space(0.5);
|
|
266
265
|
cursor: pointer;
|
|
267
266
|
transition: background asd20-speed(1) ease-in-out;
|
|
268
267
|
box-shadow: 0 -1px 0 0 var(--website-menu__divider-color) inset;
|
|
@@ -305,6 +304,7 @@ export default {
|
|
|
305
304
|
top: 0;
|
|
306
305
|
right: 0;
|
|
307
306
|
bottom: 0;
|
|
307
|
+
// overflow-y: scroll;
|
|
308
308
|
&__back {
|
|
309
309
|
display: flex;
|
|
310
310
|
justify-content: flex-start;
|
|
@@ -384,6 +384,11 @@ export default {
|
|
|
384
384
|
.asd20-site-menu__viewport {
|
|
385
385
|
right: 50vw;
|
|
386
386
|
}
|
|
387
|
+
.asd20-table-of-contents {
|
|
388
|
+
&__item {
|
|
389
|
+
padding: space(1);
|
|
390
|
+
}
|
|
391
|
+
}
|
|
387
392
|
}
|
|
388
393
|
|
|
389
394
|
@media (min-width: 1024px) {
|
|
@@ -50,13 +50,13 @@
|
|
|
50
50
|
/>
|
|
51
51
|
</transition>
|
|
52
52
|
<transition name="slide">
|
|
53
|
-
<asd20-action-menu
|
|
53
|
+
<!-- <asd20-action-menu
|
|
54
54
|
v-show="(mq === 'lg' || mq === 'xl') && isLoaded"
|
|
55
55
|
:items="actionItems"
|
|
56
56
|
:active="menuOpen"
|
|
57
57
|
@update:active="$emit('update:menuOpen', $event)"
|
|
58
|
-
/>
|
|
59
|
-
|
|
58
|
+
/> -->
|
|
59
|
+
<asd20-action-menu
|
|
60
60
|
v-show="
|
|
61
61
|
(menuOpen && (mq === 'sm' || mq === 'md') && isLoaded) ||
|
|
62
62
|
((mq === 'lg' || mq === 'xl') && isLoaded)
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
:items="actionItems"
|
|
65
65
|
:active="menuOpen"
|
|
66
66
|
@update:active="$emit('update:menuOpen', $event)"
|
|
67
|
-
/>
|
|
67
|
+
/>
|
|
68
68
|
</transition>
|
|
69
69
|
<transition name="slide">
|
|
70
70
|
<asd20-site-search
|