@asd20/ui 3.2.706 → 3.2.707
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/organisms/Asd20PageFooter/index.vue +1 -1
- package/src/components/organisms/Asd20SchoolHomepageVideoHeader/index.vue +10 -2
- package/src/components/organisms/Asd20SecondaryHeader/index.vue +3 -3
- package/src/components/organisms/Asd20VideoHeader/index.vue +17 -5
- package/src/components/organisms/Asd20WidgetsSection/index.vue +1 -1
- package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.stories.js +1 -1
- package/src/data/page-queries/video-page-query-result.json +2 -1
package/package.json
CHANGED
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
class="asd20-school-homepage-video-header__image"
|
|
15
15
|
>
|
|
16
16
|
<video
|
|
17
|
+
v-if="videoUrl"
|
|
17
18
|
class="background-video"
|
|
18
19
|
aria-hidden="true"
|
|
19
20
|
autoplay
|
|
@@ -25,7 +26,11 @@
|
|
|
25
26
|
>
|
|
26
27
|
<source :src="videoUrl" type="video/mp4" />
|
|
27
28
|
</video>
|
|
28
|
-
<img
|
|
29
|
+
<img
|
|
30
|
+
:class="videoUrl ? 'hide-background-image' : 'background-image'"
|
|
31
|
+
:src="imageUrl"
|
|
32
|
+
:alt="imageCaption"
|
|
33
|
+
/>
|
|
29
34
|
<div id="main" class="asd20-school-homepage-video-header__content">
|
|
30
35
|
<h1 v-if="heading" v-html="heading" />
|
|
31
36
|
<div v-if="lead" class="asd20-school-homepage-video-header__lead">
|
|
@@ -371,6 +376,9 @@ $max: 4rem;
|
|
|
371
376
|
display: block;
|
|
372
377
|
}
|
|
373
378
|
.background-image {
|
|
379
|
+
display: block;
|
|
380
|
+
}
|
|
381
|
+
.hide-background-image {
|
|
374
382
|
display: none;
|
|
375
383
|
}
|
|
376
384
|
|
|
@@ -518,7 +526,7 @@ $max: 4rem;
|
|
|
518
526
|
.background-video {
|
|
519
527
|
display: block;
|
|
520
528
|
}
|
|
521
|
-
.background-image {
|
|
529
|
+
.hide-background-image {
|
|
522
530
|
display: none;
|
|
523
531
|
}
|
|
524
532
|
|
|
@@ -147,9 +147,9 @@ export default {
|
|
|
147
147
|
// width: 80%;
|
|
148
148
|
// }
|
|
149
149
|
&::v-deep .message-image {
|
|
150
|
-
display: none !important;
|
|
151
|
-
|
|
152
|
-
|
|
150
|
+
// display: none !important;
|
|
151
|
+
margin-top: 0;
|
|
152
|
+
padding: 0 0 0 space(1);
|
|
153
153
|
}
|
|
154
154
|
&::v-deep .asd20-messaging__content {
|
|
155
155
|
order: 1;
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
</div>
|
|
11
11
|
|
|
12
12
|
<video
|
|
13
|
+
v-if="videoUrl"
|
|
13
14
|
class="background-video"
|
|
14
15
|
aria-hidden="true"
|
|
15
16
|
autoplay
|
|
@@ -22,7 +23,11 @@
|
|
|
22
23
|
<source :src="videoUrl" type="video/mp4" />
|
|
23
24
|
</video>
|
|
24
25
|
|
|
25
|
-
<img
|
|
26
|
+
<img
|
|
27
|
+
:class="videoUrl ? 'hide-background-image' : 'background-image'"
|
|
28
|
+
:src="imageUrl"
|
|
29
|
+
:alt="imageCaption"
|
|
30
|
+
/>
|
|
26
31
|
<!-- <div class="scroll-down-indicator"></div> -->
|
|
27
32
|
<slot />
|
|
28
33
|
</header>
|
|
@@ -193,10 +198,10 @@ export default {
|
|
|
193
198
|
|
|
194
199
|
@media (min-width: 768px) {
|
|
195
200
|
.asd20-video-header {
|
|
196
|
-
.background-image {
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
}
|
|
201
|
+
// .background-image {
|
|
202
|
+
// height: 80vh;
|
|
203
|
+
// max-height: 400px;
|
|
204
|
+
// }
|
|
200
205
|
&__top {
|
|
201
206
|
position: absolute;
|
|
202
207
|
padding: space(0.5) space(0);
|
|
@@ -229,6 +234,13 @@ export default {
|
|
|
229
234
|
display: block;
|
|
230
235
|
}
|
|
231
236
|
.background-image {
|
|
237
|
+
display: block;
|
|
238
|
+
z-index: -1;
|
|
239
|
+
width: 100%;
|
|
240
|
+
height: 100vh;
|
|
241
|
+
object-fit: cover;
|
|
242
|
+
}
|
|
243
|
+
.hide-background-image {
|
|
232
244
|
display: none;
|
|
233
245
|
}
|
|
234
246
|
|