@asd20/ui 3.2.498 → 3.2.500

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-lock.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@asd20/ui",
3
- "version": "3.2.497",
3
+ "version": "3.2.498",
4
4
  "lockfileVersion": 1,
5
5
  "requires": true,
6
6
  "dependencies": {
7
7
  "@asd20/notifications-ui": {
8
- "version": "0.11.0",
9
- "resolved": "https://registry.npmjs.org/@asd20/notifications-ui/-/notifications-ui-0.11.0.tgz",
10
- "integrity": "sha512-4+pIBBciYUuq5Ny4BnYZGGUwjasejZB7G+05+TAukcd5yTietNdlsYt3gZiMNiyBMbNcjKma8WM9hSvpVUoxog==",
8
+ "version": "0.11.1",
9
+ "resolved": "https://registry.npmjs.org/@asd20/notifications-ui/-/notifications-ui-0.11.1.tgz",
10
+ "integrity": "sha512-mAJ9jB9a1/jysgFGTh/Q5tgt1XtH0ZlXSKwDyGPm98tjoDsw+bwWXF27fc2GYW1ybJrFZSA9Y/jsy9Nqq+X4tA==",
11
11
  "requires": {
12
12
  "@babel/runtime": "^7.10.2",
13
13
  "@vue/web-component-wrapper": "^1.2.0",
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.498",
8
+ "version": "3.2.500",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -28,7 +28,7 @@
28
28
  "@asd20/notifications-ui": "^0.8.20"
29
29
  },
30
30
  "dependencies": {
31
- "@asd20/notifications-ui": "^0.11.0",
31
+ "@asd20/notifications-ui": "^0.11.1",
32
32
  "axios": "^0.19.2",
33
33
  "basicscroll": "^3.0.2",
34
34
  "countup.js": "^2.0.0",
@@ -396,21 +396,21 @@ export default {
396
396
  margin-top: space(2.25);
397
397
  .asd20-notification-group--floating {
398
398
  position: absolute;
399
- top: space(2);
400
- .bell {
401
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
402
- svg {
403
- fill: var(--color__accent) !important;
404
- }
405
- span {
406
- background: var(--color__accent) !important;
407
- top: inherit !important;
408
- right: inherit !important;
409
- width: 1.2rem !important;
410
- height: 1.2rem !important;
411
- font-size: 0.75rem !important;
412
- }
413
- }
399
+ top: space(2.0375);
400
+ // .bell {
401
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
402
+ // svg {
403
+ // fill: var(--color__accent) !important;
404
+ // }
405
+ // span {
406
+ // background: var(--color__accent) !important;
407
+ // top: inherit !important;
408
+ // right: inherit !important;
409
+ // width: 1.2rem !important;
410
+ // height: 1.2rem !important;
411
+ // font-size: 0.75rem !important;
412
+ // }
413
+ // }
414
414
  }
415
415
  .feed-title {
416
416
  margin: space(1) 0 0 space(1);
@@ -61,6 +61,18 @@
61
61
  @toggle-all="$emit('toggle-all')"
62
62
  ></asd20-notification-group>
63
63
  </client-only>
64
+
65
+ <!-- Feeds -->
66
+ <asd20-feeds-section
67
+ class="asd20-feeds-section--top"
68
+ :events="events"
69
+ :events-feed-props="eventsFeedProps"
70
+ @events-in-view="$emit('events-in-view')"
71
+ :stories="stories"
72
+ :stories-feed-props="storiesFeedProps"
73
+ @stories-in-view="$emit('stories-in-view')"
74
+ ></asd20-feeds-section>
75
+
64
76
  <!-- Page Content -->
65
77
  <asd20-page-content
66
78
  :primary-messages="primaryMessages"
@@ -228,11 +240,11 @@
228
240
  /></asd20-widgets-section>
229
241
 
230
242
  <!-- Feeds -->
231
- <asd20-feeds-section
243
+ <!-- <asd20-feeds-section
232
244
  :stories="stories"
233
245
  :stories-feed-props="storiesFeedProps"
234
246
  @stories-in-view="$emit('stories-in-view')"
235
- ></asd20-feeds-section>
247
+ ></asd20-feeds-section> -->
236
248
 
237
249
  <!-- Quick Links -->
238
250
  <asd20-quicklinks-menu slot="before-footer" :quick-links="quickLinks">
@@ -389,21 +401,21 @@ export default {
389
401
  margin-top: space(2.25);
390
402
  .asd20-notification-group--floating {
391
403
  position: absolute;
392
- top: space(2);
393
- .bell {
394
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
395
- svg {
396
- fill: var(--color__accent) !important;
397
- }
398
- span {
399
- background: var(--color__accent) !important;
400
- top: inherit !important;
401
- right: inherit !important;
402
- width: 1.2rem !important;
403
- height: 1.2rem !important;
404
- font-size: 0.75rem !important;
405
- }
406
- }
404
+ top: space(2.0375);
405
+ // .bell {
406
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
407
+ // svg {
408
+ // fill: var(--color__accent) !important;
409
+ // }
410
+ // span {
411
+ // background: var(--color__accent) !important;
412
+ // top: inherit !important;
413
+ // right: inherit !important;
414
+ // width: 1.2rem !important;
415
+ // height: 1.2rem !important;
416
+ // font-size: 0.75rem !important;
417
+ // }
418
+ // }
407
419
  }
408
420
  .feed-title {
409
421
  margin: space(1) 0 0 0;
@@ -411,6 +423,23 @@ export default {
411
423
  .notification-group--inline {
412
424
  margin: space(2) space(1) space(1) space(1);
413
425
  }
426
+ .asd20-feeds-section--top {
427
+ margin-top: space(1);
428
+ .asd20-swiper-feed:first-child {
429
+ padding-top: space(2);
430
+ padding-bottom: space(1);
431
+ &::after {
432
+ top: space(1);
433
+ }
434
+ }
435
+ .asd20-swiper-feed:last-child {
436
+ // margin-top: space(-1);
437
+ padding-bottom: space(2);
438
+ &::after {
439
+ bottom: space(1);
440
+ }
441
+ }
442
+ }
414
443
  .article-pagination {
415
444
  display: flex;
416
445
  align-items: center;
@@ -185,21 +185,21 @@ export default {
185
185
  margin-top: space(2.25);
186
186
  .asd20-notification-group--floating {
187
187
  position: absolute;
188
- top: space(2);
189
- .bell {
190
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
191
- svg {
192
- fill: var(--color__accent) !important;
193
- }
194
- span {
195
- background: var(--color__accent) !important;
196
- top: inherit !important;
197
- right: inherit !important;
198
- width: 1.2rem !important;
199
- height: 1.2rem !important;
200
- font-size: 0.75rem !important;
201
- }
202
- }
188
+ top: space(2.0375);
189
+ // .bell {
190
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
191
+ // svg {
192
+ // fill: var(--color__accent) !important;
193
+ // }
194
+ // span {
195
+ // background: var(--color__accent) !important;
196
+ // top: inherit !important;
197
+ // right: inherit !important;
198
+ // width: 1.2rem !important;
199
+ // height: 1.2rem !important;
200
+ // font-size: 0.75rem !important;
201
+ // }
202
+ // }
203
203
  }
204
204
  }
205
205
 
@@ -200,21 +200,21 @@ export default {
200
200
  margin-top: space(2.25);
201
201
  .asd20-notification-group--floating {
202
202
  position: absolute;
203
- top: space(2);
204
- .bell {
205
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
206
- svg {
207
- fill: var(--color__accent) !important;
208
- }
209
- span {
210
- background: var(--color__accent) !important;
211
- top: inherit !important;
212
- right: inherit !important;
213
- width: 1.2rem !important;
214
- height: 1.2rem !important;
215
- font-size: 0.75rem !important;
216
- }
217
- }
203
+ top: space(2.0375);
204
+ // .bell {
205
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
206
+ // svg {
207
+ // fill: var(--color__accent) !important;
208
+ // }
209
+ // span {
210
+ // background: var(--color__accent) !important;
211
+ // top: inherit !important;
212
+ // right: inherit !important;
213
+ // width: 1.2rem !important;
214
+ // height: 1.2rem !important;
215
+ // font-size: 0.75rem !important;
216
+ // }
217
+ // }
218
218
  }
219
219
 
220
220
  .notification-group--inline {
@@ -185,21 +185,21 @@ export default {
185
185
  margin-top: space(2.25);
186
186
  .asd20-notification-group--floating {
187
187
  position: absolute;
188
- top: space(1.5);
189
- .bell {
190
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
191
- svg {
192
- fill: var(--color__accent) !important;
193
- }
194
- span {
195
- background: var(--color__accent) !important;
196
- top: inherit !important;
197
- right: inherit !important;
198
- width: 1.2rem !important;
199
- height: 1.2rem !important;
200
- font-size: 0.75rem !important;
201
- }
202
- }
188
+ top: space(1.5375);
189
+ // .bell {
190
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
191
+ // svg {
192
+ // fill: var(--color__accent) !important;
193
+ // }
194
+ // span {
195
+ // background: var(--color__accent) !important;
196
+ // top: inherit !important;
197
+ // right: inherit !important;
198
+ // width: 1.2rem !important;
199
+ // height: 1.2rem !important;
200
+ // font-size: 0.75rem !important;
201
+ // }
202
+ // }
203
203
  }
204
204
  .asd20-page-content h2 {
205
205
  font-size: 20.8px !important;
@@ -211,20 +211,20 @@ export default {
211
211
  .asd20-notification-group--floating {
212
212
  position: absolute;
213
213
  top: space(0.5);
214
- .bell {
215
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
216
- svg {
217
- fill: var(--color__accent) !important;
218
- }
219
- span {
220
- background: var(--color__accent) !important;
221
- top: inherit !important;
222
- right: inherit !important;
223
- width: 1.2rem !important;
224
- height: 1.2rem !important;
225
- font-size: 0.75rem !important;
226
- }
227
- }
214
+ // .bell {
215
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
216
+ // svg {
217
+ // fill: var(--color__accent) !important;
218
+ // }
219
+ // span {
220
+ // background: var(--color__accent) !important;
221
+ // top: inherit !important;
222
+ // right: inherit !important;
223
+ // width: 1.2rem !important;
224
+ // height: 1.2rem !important;
225
+ // font-size: 0.75rem !important;
226
+ // }
227
+ // }
228
228
  }
229
229
  }
230
230
  }
@@ -185,21 +185,21 @@ export default {
185
185
  margin-top: space(2.25);
186
186
  .asd20-notification-group--floating {
187
187
  position: absolute;
188
- top: space(2);
189
- .bell {
190
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
191
- svg {
192
- fill: var(--color__accent) !important;
193
- }
194
- span {
195
- background: var(--color__accent) !important;
196
- top: inherit !important;
197
- right: inherit !important;
198
- width: 1.2rem !important;
199
- height: 1.2rem !important;
200
- font-size: 0.75rem !important;
201
- }
202
- }
188
+ top: space(2.0375);
189
+ // .bell {
190
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
191
+ // svg {
192
+ // fill: var(--color__accent) !important;
193
+ // }
194
+ // span {
195
+ // background: var(--color__accent) !important;
196
+ // top: inherit !important;
197
+ // right: inherit !important;
198
+ // width: 1.2rem !important;
199
+ // height: 1.2rem !important;
200
+ // font-size: 0.75rem !important;
201
+ // }
202
+ // }
203
203
  }
204
204
  .asd20-page-content h2 {
205
205
  font-size: 20.8px !important;
@@ -307,20 +307,20 @@ export default {
307
307
 
308
308
  .notification-group--floating {
309
309
  margin-right: 0;
310
- .bell {
311
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
312
- svg {
313
- fill: var(--color__accent) !important;
314
- }
315
- span {
316
- background: var(--color__accent) !important;
317
- top: inherit !important;
318
- right: inherit !important;
319
- width: 1.2rem !important;
320
- height: 1.2rem !important;
321
- font-size: 0.75rem !important;
322
- }
323
- }
310
+ // .bell {
311
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
312
+ // svg {
313
+ // fill: var(--color__accent) !important;
314
+ // }
315
+ // span {
316
+ // background: var(--color__accent) !important;
317
+ // top: inherit !important;
318
+ // right: inherit !important;
319
+ // width: 1.2rem !important;
320
+ // height: 1.2rem !important;
321
+ // font-size: 0.75rem !important;
322
+ // }
323
+ // }
324
324
  }
325
325
  .header-notifications {
326
326
  display: flex;
@@ -184,27 +184,27 @@ export default {
184
184
  justify-content: space-between;
185
185
  }
186
186
  }
187
- .asd20-video-header-content {
188
- // position: absolute;
189
- // top: space(2);
190
- }
191
- }
192
- .asd20-notification-group--floating {
193
- // .bell {
194
- // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
195
- // svg {
196
- // fill: var(--color__accent) !important;
197
- // }
198
- // span {
199
- // background: var(--color__accent) !important;
200
- // top: inherit !important;
201
- // right: inherit !important;
202
- // width: 1.2rem !important;
203
- // height: 1.2rem !important;
204
- // font-size: 0.75rem !important;
205
- // }
187
+ // .asd20-video-header-content {
188
+ // position: absolute;
189
+ // top: space(2);
206
190
  // }
207
191
  }
192
+ // .asd20-notification-group--floating {
193
+ // .bell {
194
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
195
+ // svg {
196
+ // fill: var(--color__accent) !important;
197
+ // }
198
+ // span {
199
+ // background: var(--color__accent) !important;
200
+ // top: inherit !important;
201
+ // right: inherit !important;
202
+ // width: 1.2rem !important;
203
+ // height: 1.2rem !important;
204
+ // font-size: 0.75rem !important;
205
+ // }
206
+ // }
207
+ // }
208
208
 
209
209
  @media (min-width: 667px) {
210
210
  .asd20-district-video-template {
@@ -198,21 +198,21 @@ export default {
198
198
  margin-top: space(2.25);
199
199
  .asd20-notification-group--floating {
200
200
  position: absolute;
201
- top: space(2);
202
- .bell {
203
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
204
- svg {
205
- fill: var(--color__accent) !important;
206
- }
207
- span {
208
- background: var(--color__accent) !important;
209
- top: inherit !important;
210
- right: inherit !important;
211
- width: 1.2rem !important;
212
- height: 1.2rem !important;
213
- font-size: 0.75rem !important;
214
- }
215
- }
201
+ top: space(2.0375);
202
+ // .bell {
203
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
204
+ // svg {
205
+ // fill: var(--color__accent) !important;
206
+ // }
207
+ // span {
208
+ // background: var(--color__accent) !important;
209
+ // top: inherit !important;
210
+ // right: inherit !important;
211
+ // width: 1.2rem !important;
212
+ // height: 1.2rem !important;
213
+ // font-size: 0.75rem !important;
214
+ // }
215
+ // }
216
216
  }
217
217
  .fileList {
218
218
  padding: space(1);
@@ -297,21 +297,21 @@ export default {
297
297
  .notification-group--floating {
298
298
  position: absolute;
299
299
  right: space(0.85);
300
- top: space(2);
301
- .bell {
302
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
303
- svg {
304
- fill: var(--color__accent) !important;
305
- }
306
- span {
307
- background: var(--color__accent) !important;
308
- top: inherit !important;
309
- right: inherit !important;
310
- width: 1.2rem !important;
311
- height: 1.2rem !important;
312
- font-size: 0.75rem !important;
313
- }
314
- }
300
+ top: space(2.0375);
301
+ // .bell {
302
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
303
+ // svg {
304
+ // fill: var(--color__accent) !important;
305
+ // }
306
+ // span {
307
+ // background: var(--color__accent) !important;
308
+ // top: inherit !important;
309
+ // right: inherit !important;
310
+ // width: 1.2rem !important;
311
+ // height: 1.2rem !important;
312
+ // font-size: 0.75rem !important;
313
+ // }
314
+ // }
315
315
  }
316
316
  .notification-group--inline {
317
317
  margin: space(1);
@@ -200,21 +200,21 @@ export default {
200
200
  margin-top: space(2.25);
201
201
  .asd20-notification-group--floating {
202
202
  position: absolute;
203
- top: space(2);
204
- .bell {
205
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
206
- svg {
207
- fill: var(--color__accent) !important;
208
- }
209
- span {
210
- background: var(--color__accent) !important;
211
- top: inherit !important;
212
- right: inherit !important;
213
- width: 1.2rem !important;
214
- height: 1.2rem !important;
215
- font-size: 0.75rem !important;
216
- }
217
- }
203
+ top: space(2.0375);
204
+ // .bell {
205
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
206
+ // svg {
207
+ // fill: var(--color__accent) !important;
208
+ // }
209
+ // span {
210
+ // background: var(--color__accent) !important;
211
+ // top: inherit !important;
212
+ // right: inherit !important;
213
+ // width: 1.2rem !important;
214
+ // height: 1.2rem !important;
215
+ // font-size: 0.75rem !important;
216
+ // }
217
+ // }
218
218
  }
219
219
  .asd20-person-list {
220
220
  padding: space(3);
@@ -447,21 +447,21 @@ export default {
447
447
  margin-top: space(2.25);
448
448
  .asd20-notification-group--floating {
449
449
  position: absolute;
450
- top: space(2);
451
- .bell {
452
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
453
- svg {
454
- fill: var(--color__accent) !important;
455
- }
456
- span {
457
- background: var(--color__accent) !important;
458
- top: inherit !important;
459
- right: inherit !important;
460
- width: 1.2rem !important;
461
- height: 1.2rem !important;
462
- font-size: 0.75rem !important;
463
- }
464
- }
450
+ top: space(2.0375);
451
+ // .bell {
452
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
453
+ // svg {
454
+ // fill: var(--color__accent) !important;
455
+ // }
456
+ // span {
457
+ // background: var(--color__accent) !important;
458
+ // top: inherit !important;
459
+ // right: inherit !important;
460
+ // width: 1.2rem !important;
461
+ // height: 1.2rem !important;
462
+ // font-size: 0.75rem !important;
463
+ // }
464
+ // }
465
465
  }
466
466
  }
467
467
 
@@ -207,22 +207,22 @@ export default {
207
207
  .pickerContainer {
208
208
  display: none;
209
209
  }
210
- .asd20-notification-group--floating {
211
- .bell {
212
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
213
- svg {
214
- fill: var(--color__accent) !important;
215
- }
216
- span {
217
- background: var(--color__accent) !important;
218
- top: inherit !important;
219
- right: inherit !important;
220
- width: 1.2rem !important;
221
- height: 1.2rem !important;
222
- font-size: 0.75rem !important;
223
- }
224
- }
225
- }
210
+ // .asd20-notification-group--floating {
211
+ // .bell {
212
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
213
+ // svg {
214
+ // fill: var(--color__accent) !important;
215
+ // }
216
+ // span {
217
+ // background: var(--color__accent) !important;
218
+ // top: inherit !important;
219
+ // right: inherit !important;
220
+ // width: 1.2rem !important;
221
+ // height: 1.2rem !important;
222
+ // font-size: 0.75rem !important;
223
+ // }
224
+ // }
225
+ // }
226
226
 
227
227
  &::v-deep .widgets-section {
228
228
  background: var(--website-page__alternate-background-t70);
@@ -207,20 +207,20 @@ export default {
207
207
  position: absolute;
208
208
  right: space(0.5);
209
209
  top: space(2) !important;
210
- .bell {
211
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
212
- svg {
213
- fill: var(--color__accent) !important;
214
- }
215
- span {
216
- background: var(--color__accent) !important;
217
- top: inherit !important;
218
- right: inherit !important;
219
- width: 1.2rem !important;
220
- height: 1.2rem !important;
221
- font-size: 0.75rem !important;
222
- }
223
- }
210
+ // .bell {
211
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
212
+ // svg {
213
+ // fill: var(--color__accent) !important;
214
+ // }
215
+ // span {
216
+ // background: var(--color__accent) !important;
217
+ // top: inherit !important;
218
+ // right: inherit !important;
219
+ // width: 1.2rem !important;
220
+ // height: 1.2rem !important;
221
+ // font-size: 0.75rem !important;
222
+ // }
223
+ // }
224
224
  }
225
225
 
226
226
  .asd20-quicklinks-menu {
@@ -210,21 +210,21 @@ export default {
210
210
  margin-top: space(2.25);
211
211
  .asd20-notification-group--floating {
212
212
  position: absolute;
213
- top: space(2);
214
- .bell {
215
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
216
- svg {
217
- fill: var(--color__accent) !important;
218
- }
219
- span {
220
- background: var(--color__accent) !important;
221
- top: inherit !important;
222
- right: inherit !important;
223
- width: 1.2rem !important;
224
- height: 1.2rem !important;
225
- font-size: 0.75rem !important;
226
- }
227
- }
213
+ top: space(2.0375);
214
+ // .bell {
215
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
216
+ // svg {
217
+ // fill: var(--color__accent) !important;
218
+ // }
219
+ // span {
220
+ // background: var(--color__accent) !important;
221
+ // top: inherit !important;
222
+ // right: inherit !important;
223
+ // width: 1.2rem !important;
224
+ // height: 1.2rem !important;
225
+ // font-size: 0.75rem !important;
226
+ // }
227
+ // }
228
228
  }
229
229
  .asd20-notification-group--inline {
230
230
  margin-top: space(2) !important;
@@ -215,21 +215,21 @@ export default {
215
215
  margin-top: space(2.25);
216
216
  .asd20-notification-group--floating {
217
217
  position: absolute;
218
- top: space(1.5);
219
- .bell {
220
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
221
- svg {
222
- fill: var(--color__accent) !important;
223
- }
224
- span {
225
- background: var(--color__accent) !important;
226
- top: inherit !important;
227
- right: inherit !important;
228
- width: 1.2rem !important;
229
- height: 1.2rem !important;
230
- font-size: 0.75rem !important;
231
- }
232
- }
218
+ top: space(1.5375);
219
+ // .bell {
220
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
221
+ // svg {
222
+ // fill: var(--color__accent) !important;
223
+ // }
224
+ // span {
225
+ // background: var(--color__accent) !important;
226
+ // top: inherit !important;
227
+ // right: inherit !important;
228
+ // width: 1.2rem !important;
229
+ // height: 1.2rem !important;
230
+ // font-size: 0.75rem !important;
231
+ // }
232
+ // }
233
233
  }
234
234
  .asd20-notification-group--inline {
235
235
  margin-top: space(2) !important;
@@ -203,21 +203,21 @@ export default {
203
203
  margin-top: space(2.25);
204
204
  .asd20-notification-group--floating {
205
205
  position: absolute;
206
- top: space(2);
207
- .bell {
208
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
209
- svg {
210
- fill: var(--color__accent) !important;
211
- }
212
- span {
213
- background: var(--color__accent) !important;
214
- top: inherit !important;
215
- right: inherit !important;
216
- width: 1.2rem !important;
217
- height: 1.2rem !important;
218
- font-size: 0.75rem !important;
219
- }
220
- }
206
+ top: space(2.0375);
207
+ // .bell {
208
+ // box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
209
+ // svg {
210
+ // fill: var(--color__accent) !important;
211
+ // }
212
+ // span {
213
+ // background: var(--color__accent) !important;
214
+ // top: inherit !important;
215
+ // right: inherit !important;
216
+ // width: 1.2rem !important;
217
+ // height: 1.2rem !important;
218
+ // font-size: 0.75rem !important;
219
+ // }
220
+ // }
221
221
  }
222
222
  .asd20-notification-group--inline {
223
223
  margin-top: space(2) !important;