@asd20/ui 3.2.767 → 3.2.769
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 +1 -1
- package/src/components/atoms/Asd20Messaging/index.vue +9 -1
- package/src/components/atoms/Asd20SelectInput/index.vue +2 -2
- package/src/components/atoms/Asd20Tag/index.vue +1 -1
- package/src/components/molecules/Asd20Swiper/index.vue +9 -0
- package/src/components/organisms/Asd20NotificationGroup/index.vue +1 -1
- package/src/components/organisms/Asd20VideoHeaderContent/index.vue +1 -1
- package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +1 -1
- package/src/data/page-queries/video-page-query-result.json +2 -2
- package/src/design/_typography.scss +2 -2
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
class="message-image"
|
|
5
5
|
v-if="images && images.length > 0 && messageImage && fullscreen"
|
|
6
6
|
>
|
|
7
|
-
<img :src="messageImage" alt />
|
|
7
|
+
<img :src="messageImage" :alt="messageImageAlt" />
|
|
8
8
|
</div>
|
|
9
9
|
<div class="asd20-messaging__content">
|
|
10
10
|
<component
|
|
@@ -104,6 +104,14 @@ export default {
|
|
|
104
104
|
}
|
|
105
105
|
return messageImageUrl
|
|
106
106
|
},
|
|
107
|
+
messageImageAlt() {
|
|
108
|
+
// Get full image
|
|
109
|
+
const messageImages = Array.isArray(this.images) ? this.images : []
|
|
110
|
+
|
|
111
|
+
const coverImage = messageImages.find(i => i.isCover)
|
|
112
|
+
console.log(coverImage)
|
|
113
|
+
return coverImage.metadata.alt
|
|
114
|
+
}
|
|
107
115
|
},
|
|
108
116
|
}
|
|
109
117
|
</script>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div :class="classes">
|
|
3
|
-
<label
|
|
3
|
+
<!-- <label
|
|
4
4
|
class="asd20-select-input__label"
|
|
5
5
|
v-show="!hideLabel"
|
|
6
6
|
v-html="label"
|
|
7
|
-
/>
|
|
7
|
+
/> -->
|
|
8
8
|
<div class="asd20-select-input__field-wrapper">
|
|
9
9
|
<slot name="prefix" />
|
|
10
10
|
<Asd20Icon v-show="icon" :name="icon" />
|
|
@@ -201,6 +201,7 @@ export default {
|
|
|
201
201
|
bottom: space(1);
|
|
202
202
|
z-index: 2;
|
|
203
203
|
border: 2px solid var(--color__primary);
|
|
204
|
+
animation: fade-in 0.5s ease-in-out 0.25s both;
|
|
204
205
|
|
|
205
206
|
&.swiper-button-disabled {
|
|
206
207
|
display: none;
|
|
@@ -245,6 +246,14 @@ export default {
|
|
|
245
246
|
z-index: 2;
|
|
246
247
|
}
|
|
247
248
|
}
|
|
249
|
+
@keyframes fade-in {
|
|
250
|
+
from {
|
|
251
|
+
opacity: 0;
|
|
252
|
+
}
|
|
253
|
+
to {
|
|
254
|
+
opacity: 1;
|
|
255
|
+
}
|
|
256
|
+
}
|
|
248
257
|
|
|
249
258
|
@media (min-width: 768px) {
|
|
250
259
|
.circle {
|
|
@@ -221,7 +221,7 @@ export default {
|
|
|
221
221
|
@include fluid-type($base-font-size * 1.15, $base-font-size * 1.5);
|
|
222
222
|
color: var(--color__accent-s10);
|
|
223
223
|
border-bottom: none;
|
|
224
|
-
animation: slide_left2 1.25s ease-in-out 0.75s both;
|
|
224
|
+
// animation: slide_left2 1.25s ease-in-out 0.75s both;
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
227
|
&::after {
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
],
|
|
157
157
|
"isCover": true,
|
|
158
158
|
"metadata": {
|
|
159
|
-
"alt": "",
|
|
159
|
+
"alt": "Kids in class.",
|
|
160
160
|
"credits": "Photo Credit: Krystal Story"
|
|
161
161
|
}
|
|
162
162
|
}],
|
|
@@ -287,7 +287,7 @@
|
|
|
287
287
|
}],
|
|
288
288
|
"isCover": true,
|
|
289
289
|
"metadata": {
|
|
290
|
-
"alt": ""
|
|
290
|
+
"alt": "A young kindergartner smiles while wearing sunglasses."
|
|
291
291
|
}
|
|
292
292
|
}],
|
|
293
293
|
"videos": [{
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
}
|
|
89
89
|
p + ul,
|
|
90
90
|
p + ol {
|
|
91
|
-
margin: space(-
|
|
91
|
+
margin: space(-0.75) 0 space(1) 0;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
ul,
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
// width: 25%;
|
|
138
138
|
// margin-bottom: 1rem;
|
|
139
139
|
flex: auto;
|
|
140
|
-
flex-basis:
|
|
140
|
+
flex-basis: 40%;
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
h1,
|