@asd20/ui 3.2.543 → 3.2.545
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/Asd20Factoid/index.vue +2 -2
- package/src/components/molecules/Asd20FactoidsGroup/index.vue +2 -0
- package/src/components/organisms/Asd20FactoidsSection/index.vue +1 -0
- package/src/components/organisms/Asd20TertiaryHeader/index.vue +2 -2
- package/src/components/templates/Asd20DistrictHomeTemplate/index.vue +19 -6
- package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +15 -6
- package/src/components/templates/Asd20SchoolHomeTemplate/index.vue +15 -6
- package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue +16 -7
- package/src/data/page-queries/home-page-query-result.json +11 -10
- package/src/helpers/mapMessageToCard.js +1 -1
package/package.json
CHANGED
|
@@ -112,14 +112,14 @@ $factoid-fg: var(--website-card__reverse-background-color);
|
|
|
112
112
|
font-weight: 300;
|
|
113
113
|
text-transform: uppercase;
|
|
114
114
|
color: $factoid-fg;
|
|
115
|
-
white-space: nowrap;
|
|
115
|
+
// white-space: nowrap;
|
|
116
116
|
opacity: 0.75;
|
|
117
117
|
}
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
@media (min-width: 1024px) {
|
|
121
121
|
.asd20-factoid {
|
|
122
|
-
padding: space(1) space(2);
|
|
122
|
+
// padding: space(1) space(2);
|
|
123
123
|
|
|
124
124
|
&__value {
|
|
125
125
|
font-size: 3em;
|
|
@@ -43,7 +43,9 @@ $factoid-rule: var(--website-page__alternate-background-t80);
|
|
|
43
43
|
display: flex;
|
|
44
44
|
flex-wrap: wrap;
|
|
45
45
|
justify-content: center;
|
|
46
|
+
align-items: flex-start;
|
|
46
47
|
box-shadow: 0px -1px 0 0 $factoid-rule;
|
|
48
|
+
background: var(--color__tertiary);
|
|
47
49
|
|
|
48
50
|
&::v-deep .asd20-factoid {
|
|
49
51
|
box-shadow: 1px -1px 0 0 $factoid-rule inset;
|
|
@@ -34,7 +34,7 @@ export default {
|
|
|
34
34
|
flex-shrink: 0;
|
|
35
35
|
flex-direction: column;
|
|
36
36
|
color: var(--website-homepage-header__secondary-foreground-color);
|
|
37
|
-
background: var(--color__secondary
|
|
37
|
+
background: var(--color__secondary);
|
|
38
38
|
// background-image: var(--website-homepage-header__secondary-background-style);
|
|
39
39
|
// background-position: bottom right !important;
|
|
40
40
|
// background-size: cover !important;
|
|
@@ -111,7 +111,7 @@ export default {
|
|
|
111
111
|
|
|
112
112
|
@media (min-width: 667px) {
|
|
113
113
|
.asd20-tertiary-header {
|
|
114
|
-
background: var(--color__secondary
|
|
114
|
+
background: var(--color__secondary) var(--website-texture__reverse);
|
|
115
115
|
&::v-deep .lead {
|
|
116
116
|
width: 100%;
|
|
117
117
|
}
|
|
@@ -76,12 +76,17 @@
|
|
|
76
76
|
"
|
|
77
77
|
>
|
|
78
78
|
<client-only>
|
|
79
|
-
<
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
79
|
+
<a
|
|
80
|
+
class="weather-link"
|
|
81
|
+
href="https://www.asd20.org/alerts-and-communication/weather-related-communication/"
|
|
82
|
+
>
|
|
83
|
+
<asd20-notification-group
|
|
84
|
+
:notifications="activeNotificationsByType.status"
|
|
85
|
+
group-type="status"
|
|
86
|
+
@dismiss="$emit('dismiss-notification', $event)"
|
|
87
|
+
@toggle-all="$emit('toggle-all')"
|
|
88
|
+
/>
|
|
89
|
+
</a>
|
|
85
90
|
</client-only>
|
|
86
91
|
|
|
87
92
|
<client-only>
|
|
@@ -191,6 +196,11 @@
|
|
|
191
196
|
@events-in-view="$emit('events-in-view')"
|
|
192
197
|
></asd20-feeds-section>
|
|
193
198
|
|
|
199
|
+
<!-- <asd20-factoids-section
|
|
200
|
+
v-if="factoids && factoids.length > 0"
|
|
201
|
+
:factoids="factoids"
|
|
202
|
+
/> -->
|
|
203
|
+
|
|
194
204
|
<!-- Quick Links -->
|
|
195
205
|
<asd20-quicklinks-menu :quickLinks="quickLinks">
|
|
196
206
|
<slot name="quicklinks-menu" />
|
|
@@ -292,6 +302,9 @@ export default {
|
|
|
292
302
|
display: flex;
|
|
293
303
|
justify-content: space-between;
|
|
294
304
|
align-items: center;
|
|
305
|
+
.weather-link {
|
|
306
|
+
text-decoration: none;
|
|
307
|
+
}
|
|
295
308
|
.asd20-organization-picker {
|
|
296
309
|
display: none;
|
|
297
310
|
}
|
|
@@ -51,12 +51,17 @@
|
|
|
51
51
|
"
|
|
52
52
|
>
|
|
53
53
|
<client-only>
|
|
54
|
-
<
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
<a
|
|
55
|
+
class="weather-link"
|
|
56
|
+
href="https://www.asd20.org/alerts-and-communication/weather-related-communication/"
|
|
57
|
+
>
|
|
58
|
+
<asd20-notification-group
|
|
59
|
+
:notifications="activeNotificationsByType.status"
|
|
60
|
+
group-type="status"
|
|
61
|
+
@dismiss="$emit('dismiss-notification', $event)"
|
|
62
|
+
@toggle-all="$emit('toggle-all')"
|
|
63
|
+
/>
|
|
64
|
+
</a>
|
|
60
65
|
</client-only>
|
|
61
66
|
|
|
62
67
|
<client-only>
|
|
@@ -181,6 +186,10 @@ export default {
|
|
|
181
186
|
margin-top: space(2.25);
|
|
182
187
|
|
|
183
188
|
.asd20-video-header {
|
|
189
|
+
.weather-link {
|
|
190
|
+
text-decoration: none;
|
|
191
|
+
border-radius: 25%;
|
|
192
|
+
}
|
|
184
193
|
.asd20-organization-picker {
|
|
185
194
|
display: none;
|
|
186
195
|
}
|
|
@@ -62,12 +62,17 @@
|
|
|
62
62
|
|
|
63
63
|
<template slot="top">
|
|
64
64
|
<client-only>
|
|
65
|
-
<
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
65
|
+
<a
|
|
66
|
+
class="weather-link"
|
|
67
|
+
href="https://www.asd20.org/alerts-and-communication/weather-related-communication/"
|
|
68
|
+
>
|
|
69
|
+
<asd20-notification-group
|
|
70
|
+
:notifications="activeNotificationsByType.status"
|
|
71
|
+
group-type="status"
|
|
72
|
+
@dismiss="$emit('dismiss-notification', $event)"
|
|
73
|
+
@toggle-all="$emit('toggle-all')"
|
|
74
|
+
/>
|
|
75
|
+
</a>
|
|
71
76
|
</client-only>
|
|
72
77
|
|
|
73
78
|
<!-- Floating Notifications -->
|
|
@@ -204,6 +209,10 @@ export default {
|
|
|
204
209
|
flex-shrink: 0;
|
|
205
210
|
overflow-y: auto;
|
|
206
211
|
margin-top: space(2.25);
|
|
212
|
+
.weather-link {
|
|
213
|
+
text-decoration: none;
|
|
214
|
+
border-radius: 50%;
|
|
215
|
+
}
|
|
207
216
|
.pickerContainer {
|
|
208
217
|
display: none;
|
|
209
218
|
}
|
|
@@ -62,13 +62,18 @@
|
|
|
62
62
|
|
|
63
63
|
<template>
|
|
64
64
|
<client-only>
|
|
65
|
-
<
|
|
66
|
-
class="
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
65
|
+
<a
|
|
66
|
+
class="weather-link"
|
|
67
|
+
href="https://www.asd20.org/alerts-and-communication/weather-related-communication/"
|
|
68
|
+
>
|
|
69
|
+
<asd20-notification-group
|
|
70
|
+
class="asd20-notification-group--status"
|
|
71
|
+
:notifications="activeNotificationsByType.status"
|
|
72
|
+
group-type="status"
|
|
73
|
+
@dismiss="$emit('dismiss-notification', $event)"
|
|
74
|
+
@toggle-all="$emit('toggle-all')"
|
|
75
|
+
/>
|
|
76
|
+
</a>
|
|
72
77
|
</client-only>
|
|
73
78
|
|
|
74
79
|
<!-- Floating Notifications -->
|
|
@@ -177,6 +182,10 @@ export default {
|
|
|
177
182
|
flex-shrink: 0;
|
|
178
183
|
overflow-y: auto;
|
|
179
184
|
margin-top: space(2.25);
|
|
185
|
+
.weather-link {
|
|
186
|
+
text-decoration: none;
|
|
187
|
+
border-radius: 50%;
|
|
188
|
+
}
|
|
180
189
|
.pickerContainer {
|
|
181
190
|
display: none;
|
|
182
191
|
}
|
|
@@ -1217,28 +1217,29 @@
|
|
|
1217
1217
|
"factoids": [
|
|
1218
1218
|
{
|
|
1219
1219
|
"start": 0,
|
|
1220
|
-
"end":
|
|
1221
|
-
"
|
|
1220
|
+
"end": 96,
|
|
1221
|
+
"suffix": " %",
|
|
1222
|
+
"label": "Graduation Rate",
|
|
1222
1223
|
"once": true
|
|
1223
1224
|
},
|
|
1224
1225
|
{
|
|
1225
1226
|
"start": 0,
|
|
1226
|
-
"end":
|
|
1227
|
-
"suffix": "
|
|
1228
|
-
"label": "
|
|
1227
|
+
"end": 14,
|
|
1228
|
+
"suffix": " years",
|
|
1229
|
+
"label": "Accredited with Distinction",
|
|
1229
1230
|
"once": true
|
|
1230
1231
|
},
|
|
1231
1232
|
{
|
|
1232
1233
|
"start": 0,
|
|
1233
|
-
"end":
|
|
1234
|
-
"label": "
|
|
1234
|
+
"end": 36,
|
|
1235
|
+
"label": "Schools",
|
|
1235
1236
|
"once": true
|
|
1236
1237
|
},
|
|
1237
1238
|
{
|
|
1238
1239
|
"start": 0,
|
|
1239
|
-
"end":
|
|
1240
|
-
"suffix": "
|
|
1241
|
-
"label": "
|
|
1240
|
+
"end": 25000,
|
|
1241
|
+
"suffix": " +",
|
|
1242
|
+
"label": "Students",
|
|
1242
1243
|
"once": true
|
|
1243
1244
|
}
|
|
1244
1245
|
]
|
|
@@ -11,7 +11,7 @@ export default function mapMessageToCard(message, options = {}) {
|
|
|
11
11
|
const coverImageFiles = coverImage ? coverImage.files || [] : []
|
|
12
12
|
const bannerImageOrDefault =
|
|
13
13
|
coverImageFiles.length > 0
|
|
14
|
-
? coverImageFiles.find(f => f.name === '
|
|
14
|
+
? coverImageFiles.find(f => f.name === 'full') || coverImageFiles[0]
|
|
15
15
|
: null
|
|
16
16
|
|
|
17
17
|
const channelTitle =
|