@asd20/ui 3.2.354 → 3.2.357

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
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.354",
8
+ "version": "3.2.357",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <figure :class="classes" class="asd20-thumbnail-avatar">
3
- <img :src="thumbnail" />
3
+ <img :src="thumbnail" :alt="label || 'The logo for this link.'" />
4
4
  </figure>
5
5
  </template>
6
6
 
@@ -49,10 +49,8 @@ export default {
49
49
  right: space(2);
50
50
  bottom: 0;
51
51
  height: space(7);
52
-
53
52
  flex-grow: 1;
54
53
  box-sizing: border-box;
55
-
56
54
  display: flex;
57
55
  flex-direction: row;
58
56
  flex-wrap: wrap;
@@ -61,6 +59,7 @@ export default {
61
59
  // width: space(3);
62
60
  padding: 0;
63
61
  background: var(--website-page__background-color);
62
+ border-top: 5px solid var(--color__accent);
64
63
  border-radius: 0;
65
64
  box-shadow: 0 -1px 0 0 rgba(black, 0.0625);
66
65
  &::v-deep .asd20-button {
@@ -115,10 +114,10 @@ export default {
115
114
  bottom: inherit;
116
115
  right: inherit;
117
116
  margin-top: auto;
118
-
119
117
  box-shadow: none;
120
118
  padding: 0;
121
119
  background: transparent;
120
+ border-top: none;
122
121
  border-radius: 0;
123
122
  flex-direction: column;
124
123
  height: auto;
@@ -257,12 +257,12 @@ export default {
257
257
  display: none;
258
258
  flex-direction: column;
259
259
  align-items: center;
260
- padding-bottom: space(2.125);
260
+ // padding-bottom: space(2.125);
261
261
  text-align: center;
262
262
  font-weight: 400;
263
263
  color: transparent;
264
264
  bottom: 15vh;
265
- left:45vw;
265
+ left: 45vw;
266
266
  &::before {
267
267
  content: '';
268
268
  position: absolute;
@@ -285,7 +285,7 @@ export default {
285
285
  width: space(0.5);
286
286
  height: space(0.5);
287
287
  bottom: space(1);
288
- left: space(0.57);
288
+ left: space(0.575);
289
289
  border: 5px solid var(--color__on-accent);
290
290
  border-top-color: transparent;
291
291
  border-left-color: transparent;
@@ -33,10 +33,7 @@
33
33
  <slot name="nav" />
34
34
  </asd20-navbar>
35
35
 
36
- <asd20-action-menu
37
- v-show="mq === 'lg' || mq === 'xl'"
38
- :items="actionItems"
39
- />
36
+ <asd20-action-menu v-if="mq === 'lg' || mq === 'xl'" :items="actionItems" />
40
37
 
41
38
  <transition name="slide">
42
39
  <asd20-site-menu
@@ -49,7 +46,8 @@
49
46
  </transition>
50
47
  <transition name="slide">
51
48
  <asd20-action-menu
52
- v-show="menuOpen && (mq === 'sm' || mq === 'md')"
49
+ v-if="mq === 'sm' || mq === 'md'"
50
+ v-show="menuOpen"
53
51
  :items="actionItems"
54
52
  :open="menuOpen"
55
53
  @click.native="$emit('update:menuOpen', false)"