@asd20/ui 3.2.401 → 3.2.402
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/templates/Asd20ArticleDigestTemplate/index.vue +12 -3
- package/src/components/templates/Asd20ArticleListTemplate/index.vue +12 -3
- package/src/components/templates/Asd20ArticleTemplate/index.vue +12 -3
- package/src/components/templates/Asd20DetailAlternateTemplate/index.vue +12 -3
- package/src/components/templates/Asd20DetailTemplate/index.vue +12 -3
- package/src/components/templates/Asd20DistrictHomeTemplate/index.vue +15 -4
- package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +17 -5
- package/src/components/templates/Asd20FileListPageTemplate/index.vue +12 -3
- package/src/components/templates/Asd20LoginsTemplate/index.vue +12 -4
- package/src/components/templates/Asd20ProfileTemplate/index.vue +12 -3
- package/src/components/templates/Asd20SalaryCalculatorTemplate/index.vue +12 -3
- package/src/components/templates/Asd20SchoolHomeTemplate/index.vue +14 -3
- package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue +13 -4
- package/src/components/templates/Asd20WayfindingTemplate/index.vue +12 -3
package/package.json
CHANGED
|
@@ -379,12 +379,14 @@ export default {
|
|
|
379
379
|
top: space(2);
|
|
380
380
|
.bell {
|
|
381
381
|
z-index: 1000;
|
|
382
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
382
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
383
383
|
svg {
|
|
384
|
-
fill: var(--color__accent)
|
|
384
|
+
fill: var(--color__accent);
|
|
385
385
|
}
|
|
386
386
|
span {
|
|
387
|
-
background: var(--color__accent)
|
|
387
|
+
background: var(--color__accent);
|
|
388
|
+
top: inherit;
|
|
389
|
+
right: inherit;
|
|
388
390
|
}
|
|
389
391
|
}
|
|
390
392
|
}
|
|
@@ -446,6 +448,13 @@ export default {
|
|
|
446
448
|
.asd20-notification-group--floating {
|
|
447
449
|
position: absolute;
|
|
448
450
|
top: space(1);
|
|
451
|
+
.bell {
|
|
452
|
+
span {
|
|
453
|
+
background: var(--color__accent);
|
|
454
|
+
top: -0.5em;
|
|
455
|
+
right: -0.5em;
|
|
456
|
+
}
|
|
457
|
+
}
|
|
449
458
|
}
|
|
450
459
|
.feed-title {
|
|
451
460
|
margin-left: 0;
|
|
@@ -380,12 +380,14 @@ export default {
|
|
|
380
380
|
top: space(2);
|
|
381
381
|
.bell {
|
|
382
382
|
z-index: 1000;
|
|
383
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
383
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
384
384
|
svg {
|
|
385
|
-
fill: var(--color__accent)
|
|
385
|
+
fill: var(--color__accent);
|
|
386
386
|
}
|
|
387
387
|
span {
|
|
388
|
-
background: var(--color__accent)
|
|
388
|
+
background: var(--color__accent);
|
|
389
|
+
top: inherit;
|
|
390
|
+
right: inherit;
|
|
389
391
|
}
|
|
390
392
|
}
|
|
391
393
|
}
|
|
@@ -463,6 +465,13 @@ export default {
|
|
|
463
465
|
.asd20-notification-group--floating {
|
|
464
466
|
position: absolute;
|
|
465
467
|
top: space(1);
|
|
468
|
+
.bell {
|
|
469
|
+
span {
|
|
470
|
+
background: var(--color__accent);
|
|
471
|
+
top: -0.5em;
|
|
472
|
+
right: -0.5em;
|
|
473
|
+
}
|
|
474
|
+
}
|
|
466
475
|
}
|
|
467
476
|
.feed-title {
|
|
468
477
|
margin-left: 0;
|
|
@@ -187,12 +187,14 @@ export default {
|
|
|
187
187
|
top: space(2);
|
|
188
188
|
.bell {
|
|
189
189
|
z-index: 1000;
|
|
190
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
190
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
191
191
|
svg {
|
|
192
|
-
fill: var(--color__accent)
|
|
192
|
+
fill: var(--color__accent);
|
|
193
193
|
}
|
|
194
194
|
span {
|
|
195
|
-
background: var(--color__accent)
|
|
195
|
+
background: var(--color__accent);
|
|
196
|
+
top: inherit;
|
|
197
|
+
right: inherit;
|
|
196
198
|
}
|
|
197
199
|
}
|
|
198
200
|
}
|
|
@@ -214,6 +216,13 @@ export default {
|
|
|
214
216
|
.asd20-notification-group--floating {
|
|
215
217
|
position: absolute;
|
|
216
218
|
top: space(1);
|
|
219
|
+
.bell {
|
|
220
|
+
span {
|
|
221
|
+
background: var(--color__accent);
|
|
222
|
+
top: -0.5em;
|
|
223
|
+
right: -0.5em;
|
|
224
|
+
}
|
|
225
|
+
}
|
|
217
226
|
}
|
|
218
227
|
.notification-group--inline {
|
|
219
228
|
margin: space(2) space(3) space(1) space(3);
|
|
@@ -202,12 +202,14 @@ export default {
|
|
|
202
202
|
top: space(2);
|
|
203
203
|
.bell {
|
|
204
204
|
z-index: 1000;
|
|
205
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
205
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
206
206
|
svg {
|
|
207
|
-
fill: var(--color__accent)
|
|
207
|
+
fill: var(--color__accent);
|
|
208
208
|
}
|
|
209
209
|
span {
|
|
210
|
-
background: var(--color__accent)
|
|
210
|
+
background: var(--color__accent);
|
|
211
|
+
top: inherit;
|
|
212
|
+
right: inherit;
|
|
211
213
|
}
|
|
212
214
|
}
|
|
213
215
|
}
|
|
@@ -242,6 +244,13 @@ export default {
|
|
|
242
244
|
.asd20-notification-group--floating {
|
|
243
245
|
position: absolute;
|
|
244
246
|
top: space(1);
|
|
247
|
+
.bell {
|
|
248
|
+
span {
|
|
249
|
+
background: var(--color__accent);
|
|
250
|
+
top: -0.5em;
|
|
251
|
+
right: -0.5em;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
245
254
|
}
|
|
246
255
|
.notification-group--inline {
|
|
247
256
|
flex-basis: 100%;
|
|
@@ -187,12 +187,14 @@ export default {
|
|
|
187
187
|
top: space(2);
|
|
188
188
|
.bell {
|
|
189
189
|
z-index: 1000;
|
|
190
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
190
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
191
191
|
svg {
|
|
192
|
-
fill: var(--color__accent)
|
|
192
|
+
fill: var(--color__accent);
|
|
193
193
|
}
|
|
194
194
|
span {
|
|
195
|
-
background: var(--color__accent)
|
|
195
|
+
background: var(--color__accent);
|
|
196
|
+
top: inherit;
|
|
197
|
+
right: inherit;
|
|
196
198
|
}
|
|
197
199
|
}
|
|
198
200
|
}
|
|
@@ -206,6 +208,13 @@ export default {
|
|
|
206
208
|
.asd20-notification-group--floating {
|
|
207
209
|
position: absolute;
|
|
208
210
|
top: space(1);
|
|
211
|
+
.bell {
|
|
212
|
+
span {
|
|
213
|
+
background: var(--color__accent);
|
|
214
|
+
top: -0.5em;
|
|
215
|
+
right: -0.5em;
|
|
216
|
+
}
|
|
217
|
+
}
|
|
209
218
|
}
|
|
210
219
|
.notification-group--inline {
|
|
211
220
|
margin: space(2) space(3) space(1) space(3);
|
|
@@ -296,16 +296,18 @@ export default {
|
|
|
296
296
|
}
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
|
|
299
|
+
.notification-group--floating {
|
|
300
300
|
margin-right: 0;
|
|
301
301
|
.bell {
|
|
302
302
|
z-index: 1000;
|
|
303
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
303
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
304
304
|
svg {
|
|
305
|
-
fill: var(--color__accent)
|
|
305
|
+
fill: var(--color__accent);
|
|
306
306
|
}
|
|
307
307
|
span {
|
|
308
|
-
background: var(--color__accent)
|
|
308
|
+
background: var(--color__accent);
|
|
309
|
+
top: inherit;
|
|
310
|
+
right: inherit;
|
|
309
311
|
}
|
|
310
312
|
}
|
|
311
313
|
}
|
|
@@ -356,6 +358,15 @@ export default {
|
|
|
356
358
|
z-index: 3;
|
|
357
359
|
display: flex;
|
|
358
360
|
justify-content: space-between;
|
|
361
|
+
.notification-group--floating {
|
|
362
|
+
.bell {
|
|
363
|
+
span {
|
|
364
|
+
background: var(--color__accent);
|
|
365
|
+
top: -0.5em;
|
|
366
|
+
right: -0.5em;
|
|
367
|
+
}
|
|
368
|
+
}
|
|
369
|
+
}
|
|
359
370
|
.asd20-district-logo {
|
|
360
371
|
margin: space(1) space(1) space(1) space(1);
|
|
361
372
|
line-height: 2;
|
|
@@ -88,8 +88,9 @@
|
|
|
88
88
|
<slot name="page-footer" />
|
|
89
89
|
|
|
90
90
|
<!-- analytics requested by Kyle Blakely -->
|
|
91
|
-
<img
|
|
92
|
-
|
|
91
|
+
<img
|
|
92
|
+
src="https://jelly.mdhv.io/v1/star.gif?pid=ipUavA655F50RvTSoYZIJU2vFFFB&src=mh&evt=hi"
|
|
93
|
+
/>
|
|
93
94
|
</asd20-page-footer>
|
|
94
95
|
</div>
|
|
95
96
|
</template>
|
|
@@ -168,12 +169,14 @@ export default {
|
|
|
168
169
|
.asd20-notification-group--floating {
|
|
169
170
|
.bell {
|
|
170
171
|
z-index: 1000;
|
|
171
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
172
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
172
173
|
svg {
|
|
173
|
-
fill: var(--color__accent)
|
|
174
|
+
fill: var(--color__accent);
|
|
174
175
|
}
|
|
175
176
|
span {
|
|
176
|
-
background: var(--color__accent)
|
|
177
|
+
background: var(--color__accent);
|
|
178
|
+
top: inherit;
|
|
179
|
+
right: inherit;
|
|
177
180
|
}
|
|
178
181
|
}
|
|
179
182
|
}
|
|
@@ -192,6 +195,15 @@ export default {
|
|
|
192
195
|
display: block;
|
|
193
196
|
margin-left: space(3);
|
|
194
197
|
margin-top: 0;
|
|
198
|
+
.notification-group--floating {
|
|
199
|
+
.bell {
|
|
200
|
+
span {
|
|
201
|
+
background: var(--color__accent);
|
|
202
|
+
top: -0.5em;
|
|
203
|
+
right: -0.5em;
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
}
|
|
195
207
|
}
|
|
196
208
|
#site-navigation .asd20-district-logo {
|
|
197
209
|
display: none;
|
|
@@ -175,12 +175,14 @@ export default {
|
|
|
175
175
|
top: space(2);
|
|
176
176
|
.bell {
|
|
177
177
|
z-index: 1000;
|
|
178
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
178
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
179
179
|
svg {
|
|
180
|
-
fill: var(--color__accent)
|
|
180
|
+
fill: var(--color__accent);
|
|
181
181
|
}
|
|
182
182
|
span {
|
|
183
|
-
background: var(--color__accent)
|
|
183
|
+
background: var(--color__accent);
|
|
184
|
+
top: inherit;
|
|
185
|
+
right: inherit;
|
|
184
186
|
}
|
|
185
187
|
}
|
|
186
188
|
}
|
|
@@ -202,6 +204,13 @@ export default {
|
|
|
202
204
|
.asd20-notification-group--floating {
|
|
203
205
|
position: absolute;
|
|
204
206
|
top: space(1);
|
|
207
|
+
.bell {
|
|
208
|
+
span {
|
|
209
|
+
background: var(--color__accent);
|
|
210
|
+
top: -0.5em;
|
|
211
|
+
right: -0.5em;
|
|
212
|
+
}
|
|
213
|
+
}
|
|
205
214
|
}
|
|
206
215
|
.asd20-page-content {
|
|
207
216
|
margin-top: space(1);
|
|
@@ -292,7 +292,6 @@ export default {
|
|
|
292
292
|
.asd20-page-header {
|
|
293
293
|
margin-bottom: space(0) !important;
|
|
294
294
|
.asd20-page-header__tools {
|
|
295
|
-
|
|
296
295
|
}
|
|
297
296
|
}
|
|
298
297
|
.notification-group--floating {
|
|
@@ -301,12 +300,14 @@ export default {
|
|
|
301
300
|
top: space(2);
|
|
302
301
|
.bell {
|
|
303
302
|
z-index: 1000;
|
|
304
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
303
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
305
304
|
svg {
|
|
306
|
-
fill: var(--color__accent)
|
|
305
|
+
fill: var(--color__accent);
|
|
307
306
|
}
|
|
308
307
|
span {
|
|
309
|
-
background: var(--color__accent)
|
|
308
|
+
background: var(--color__accent);
|
|
309
|
+
top: inherit;
|
|
310
|
+
right: inherit;
|
|
310
311
|
}
|
|
311
312
|
}
|
|
312
313
|
}
|
|
@@ -356,6 +357,13 @@ export default {
|
|
|
356
357
|
position: absolute;
|
|
357
358
|
right: space(1.85);
|
|
358
359
|
top: space(1);
|
|
360
|
+
.bell {
|
|
361
|
+
span {
|
|
362
|
+
background: var(--color__accent);
|
|
363
|
+
top: -0.5em;
|
|
364
|
+
right: -0.5em;
|
|
365
|
+
}
|
|
366
|
+
}
|
|
359
367
|
}
|
|
360
368
|
.notification-group--inline {
|
|
361
369
|
margin: space(2) space(3) space(1) space(3);
|
|
@@ -449,12 +449,14 @@ export default {
|
|
|
449
449
|
top: space(2);
|
|
450
450
|
.bell {
|
|
451
451
|
z-index: 1000;
|
|
452
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
452
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
453
453
|
svg {
|
|
454
|
-
fill: var(--color__accent)
|
|
454
|
+
fill: var(--color__accent);
|
|
455
455
|
}
|
|
456
456
|
span {
|
|
457
|
-
background: var(--color__accent)
|
|
457
|
+
background: var(--color__accent);
|
|
458
|
+
top: inherit;
|
|
459
|
+
right: inherit;
|
|
458
460
|
}
|
|
459
461
|
}
|
|
460
462
|
}
|
|
@@ -535,6 +537,13 @@ export default {
|
|
|
535
537
|
.asd20-notification-group--floating {
|
|
536
538
|
position: absolute;
|
|
537
539
|
top: space(1);
|
|
540
|
+
.bell {
|
|
541
|
+
span {
|
|
542
|
+
background: var(--color__accent);
|
|
543
|
+
top: -0.5em;
|
|
544
|
+
right: -0.5em;
|
|
545
|
+
}
|
|
546
|
+
}
|
|
538
547
|
}
|
|
539
548
|
.notification-group--inline {
|
|
540
549
|
margin: space(2) space(3) space(1) space(3);
|
|
@@ -672,12 +672,14 @@ export default {
|
|
|
672
672
|
top: space(2);
|
|
673
673
|
.bell {
|
|
674
674
|
z-index: 1000;
|
|
675
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
675
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
676
676
|
svg {
|
|
677
|
-
fill: var(--color__accent)
|
|
677
|
+
fill: var(--color__accent);
|
|
678
678
|
}
|
|
679
679
|
span {
|
|
680
|
-
background: var(--color__accent)
|
|
680
|
+
background: var(--color__accent);
|
|
681
|
+
top: inherit;
|
|
682
|
+
right: inherit;
|
|
681
683
|
}
|
|
682
684
|
}
|
|
683
685
|
}
|
|
@@ -703,6 +705,13 @@ export default {
|
|
|
703
705
|
.asd20-notification-group--floating {
|
|
704
706
|
position: absolute;
|
|
705
707
|
top: space(1);
|
|
708
|
+
.bell {
|
|
709
|
+
span {
|
|
710
|
+
background: var(--color__accent);
|
|
711
|
+
top: -0.5em;
|
|
712
|
+
right: -0.5em;
|
|
713
|
+
}
|
|
714
|
+
}
|
|
706
715
|
}
|
|
707
716
|
.notification-group--inline {
|
|
708
717
|
margin: space(2) space(3) space(1) space(3);
|
|
@@ -210,12 +210,14 @@ export default {
|
|
|
210
210
|
.asd20-notification-group--floating {
|
|
211
211
|
.bell {
|
|
212
212
|
z-index: 1000;
|
|
213
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
213
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
214
214
|
svg {
|
|
215
|
-
fill: var(--color__accent)
|
|
215
|
+
fill: var(--color__accent);
|
|
216
216
|
}
|
|
217
217
|
span {
|
|
218
|
-
background: var(--color__accent)
|
|
218
|
+
background: var(--color__accent);
|
|
219
|
+
top: inherit;
|
|
220
|
+
right: inherit;
|
|
219
221
|
}
|
|
220
222
|
}
|
|
221
223
|
}
|
|
@@ -251,6 +253,15 @@ export default {
|
|
|
251
253
|
// background: white;
|
|
252
254
|
// top: space(2);
|
|
253
255
|
// }
|
|
256
|
+
.notification-group--floating {
|
|
257
|
+
.bell {
|
|
258
|
+
span {
|
|
259
|
+
background: var(--color__accent);
|
|
260
|
+
top: -0.5em;
|
|
261
|
+
right: -0.5em;
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
}
|
|
254
265
|
.pickerContainer {
|
|
255
266
|
display: flex;
|
|
256
267
|
.optionalLogo {
|
|
@@ -209,12 +209,14 @@ export default {
|
|
|
209
209
|
top: space(2) !important;
|
|
210
210
|
.bell {
|
|
211
211
|
z-index: 1000;
|
|
212
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
212
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
213
213
|
svg {
|
|
214
|
-
fill: var(--color__accent)
|
|
214
|
+
fill: var(--color__accent);
|
|
215
215
|
}
|
|
216
216
|
span {
|
|
217
|
-
background: var(--color__accent)
|
|
217
|
+
background: var(--color__accent);
|
|
218
|
+
top: inherit;
|
|
219
|
+
right: inherit;
|
|
218
220
|
}
|
|
219
221
|
}
|
|
220
222
|
}
|
|
@@ -266,7 +268,14 @@ export default {
|
|
|
266
268
|
}
|
|
267
269
|
.asd20-notification-group--floating {
|
|
268
270
|
right: space(4);
|
|
269
|
-
top: space(7.5)
|
|
271
|
+
top: space(7.5);
|
|
272
|
+
.bell {
|
|
273
|
+
span {
|
|
274
|
+
background: var(--color__accent);
|
|
275
|
+
top: -0.5em;
|
|
276
|
+
right: -0.5em;
|
|
277
|
+
}
|
|
278
|
+
}
|
|
270
279
|
}
|
|
271
280
|
.asd20-notification-group--status {
|
|
272
281
|
order: 0;
|
|
@@ -195,12 +195,14 @@ export default {
|
|
|
195
195
|
top: space(2);
|
|
196
196
|
.bell {
|
|
197
197
|
z-index: 1000;
|
|
198
|
-
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125)
|
|
198
|
+
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125);
|
|
199
199
|
svg {
|
|
200
|
-
fill: var(--color__accent)
|
|
200
|
+
fill: var(--color__accent);
|
|
201
201
|
}
|
|
202
202
|
span {
|
|
203
|
-
background: var(--color__accent)
|
|
203
|
+
background: var(--color__accent);
|
|
204
|
+
top: inherit;
|
|
205
|
+
right: inherit;
|
|
204
206
|
}
|
|
205
207
|
}
|
|
206
208
|
}
|
|
@@ -211,6 +213,13 @@ export default {
|
|
|
211
213
|
.asd20-notification-group--floating {
|
|
212
214
|
position: absolute;
|
|
213
215
|
top: space(1);
|
|
216
|
+
.bell {
|
|
217
|
+
span {
|
|
218
|
+
background: var(--color__accent);
|
|
219
|
+
top: -0.5em;
|
|
220
|
+
right: -0.5em;
|
|
221
|
+
}
|
|
222
|
+
}
|
|
214
223
|
}
|
|
215
224
|
@include template-desktop;
|
|
216
225
|
margin-left: space(3);
|