@asd20/ui 3.2.1029 → 3.2.1030

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.
Files changed (10) hide show
  1. package/package.json +1 -1
  2. package/src/components/molecules/Asd20LanguageTranslation/index.vue +7 -0
  3. package/src/components/molecules/Asd20Share/index.vue +1 -22
  4. package/src/components/organisms/Asd20ImageHeader/index.vue +1 -7
  5. package/src/components/organisms/Asd20NotificationGroup/index.vue +1 -4
  6. package/src/components/organisms/Asd20PageHeader/index.vue +1 -7
  7. package/src/components/templates/Asd20DistrictHomeTemplate/index.vue +2 -5
  8. package/src/components/templates/Asd20DistrictVideoTemplate/index.vue +0 -6
  9. package/src/components/templates/Asd20SchoolHomeTemplate/index.vue +1 -7
  10. package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue +1 -57
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.1029",
8
+ "version": "3.2.1030",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/molecules/Asd20LanguageTranslation/index.vue CHANGED
@@ -94,6 +94,13 @@ export default {
94
94
  &__overlay-label ::after {
95
95
  margin-right: space(1);
96
96
  }
97
+ .asd20-icon {
98
+ margin-left: space(0.25);
99
+ width: 32px !important;
100
+ height: 32px !important;
101
+ --line-color: var(--website-icon__line-color) !important;
102
+ --fill-color: var(--website-menu__icon-fill-color) !important;
103
+ }
97
104
  }
98
105
  }
99
106
  </style>
package/src/components/molecules/Asd20Share/index.vue CHANGED
@@ -68,28 +68,7 @@ export default {
68
68
 
69
69
  methods: {
70
70
  share() {
71
- // if (typeof window !== undefined && navigator.share) {
72
- // const h1 = document.getElementsByTagName('h1')[0]
73
- // const pageTitle = document.getElementsByTagName('title')[0]
74
- // const title = h1 ? h1.innerText : pageTitle.text
75
- // const url = document.querySelector('link[rel=canonical]')
76
- // ? document.querySelector('link[rel=canonical]').href
77
- // : document.location.href
78
-
79
- // this.showMenu = false
80
-
81
- // navigator
82
- // .share({
83
- // title,
84
- // url,
85
- // })
86
- // .then(() => {
87
- // console.log('Thanks for sharing!')
88
- // })
89
- // .catch(console.error)
90
- // } else {
91
71
  this.showMenu = !this.showMenu
92
- // }
93
72
  },
94
73
  openShareLink(urlTemplate) {
95
74
  this.showMenu = false
@@ -172,7 +151,7 @@ export default {
172
151
  padding-right: 0.5rem;
173
152
  }
174
153
  .asd20-icon {
175
- --line-color: var(--website-icon__icon-line-color) !important;
154
+ --line-color: var(--website-icon__line-color) !important;
176
155
  --fill-color: var(--website-menu__icon-fill-color) !important;
177
156
  }
178
157
  &:hover,
package/src/components/organisms/Asd20ImageHeader/index.vue CHANGED
@@ -311,7 +311,7 @@ export default {
311
311
  &::v-deep .asd20-icon {
312
312
  width: 32px !important;
313
313
  height: 32px !important;
314
- --line-color: var(--website-icon__icon-line-color) !important;
314
+ --line-color: var(--website-icon__line-color) !important;
315
315
  --fill-color: var(--website-menu__icon-fill-color) !important;
316
316
  }
317
317
  &:hover,
@@ -327,12 +327,6 @@ export default {
327
327
  padding: 0 1em 0 0.5em;
328
328
  &::v-deep .asd20-select-input {
329
329
  color: var(--website-page__foreground-color) !important;
330
- .asd20-icon {
331
- width: 32px !important;
332
- height: 32px !important;
333
- --line-color: var(--website-icon__icon-line-color) !important;
334
- --fill-color: var(--website-menu__icon-fill-color) !important;
335
- }
336
330
  }
337
331
  }
338
332
  .asd20-language-loader {
package/src/components/organisms/Asd20NotificationGroup/index.vue CHANGED
@@ -289,10 +289,7 @@ export default {
289
289
  svg {
290
290
  width: 100%;
291
291
  height: 100%;
292
- // color: #000000;
293
- // fill: #80B3C0;
294
- // fill: var(--color__accent);
295
- color: var(--website-icon__icon-line-color) !important;
292
+ color: var(--website-icon__line-color) !important;
296
293
  fill: var(--website-menu__icon-fill-color) !important;
297
294
  }
298
295
 
package/src/components/organisms/Asd20PageHeader/index.vue CHANGED
@@ -341,7 +341,7 @@ export default {
341
341
  &::v-deep .asd20-icon {
342
342
  width: 32px !important;
343
343
  height: 32px !important;
344
- --line-color: var(--website-icon__icon-line-color) !important;
344
+ --line-color: var(--website-icon__line-color) !important;
345
345
  --fill-color: var(--website-menu__icon-fill-color) !important;
346
346
  }
347
347
  &:hover,
@@ -357,12 +357,6 @@ export default {
357
357
  padding: 0 1em 0 0.5em;
358
358
  &::v-deep .asd20-select-input {
359
359
  color: var(--website-page__foreground-color) !important;
360
- .asd20-icon {
361
- width: 32px !important;
362
- height: 32px !important;
363
- --line-color: var(--website-icon__icon-line-color) !important;
364
- --fill-color: var(--website-menu__icon-fill-color) !important;
365
- }
366
360
  }
367
361
  }
368
362
  }
package/src/components/templates/Asd20DistrictHomeTemplate/index.vue CHANGED
@@ -262,11 +262,8 @@ export default {
262
262
  &__overlay-label {
263
263
  display: none;
264
264
  }
265
- &::v-deep .asd20-icon {
266
- width: 32px !important;
267
- height: 32px !important;
268
- --line-color: var(--website-icon__icon-line-color) !important;
269
- --fill-color: var(--website-menu__icon-fill-color) !important;
265
+ .asd20-icon {
266
+ margin-left: 0;
270
267
  }
271
268
  }
272
269
  }
package/src/components/templates/Asd20DistrictVideoTemplate/index.vue CHANGED
@@ -275,12 +275,6 @@ export default {
275
275
  &__overlay-label {
276
276
  // display: none;
277
277
  }
278
- &::v-deep .asd20-icon {
279
- width: 32px !important;
280
- height: 32px !important;
281
- --line-color: var(--website-icon__icon-line-color) !important;
282
- --fill-color: var(--website-menu__icon-fill-color) !important;
283
- }
284
278
  }
285
279
  }
286
280
  .asd20-language-loader {
package/src/components/templates/Asd20SchoolHomeTemplate/index.vue CHANGED
@@ -294,7 +294,7 @@ export default {
294
294
  background: rgba(255, 255, 255, 1);
295
295
  border-radius: 3rem;
296
296
  border: 1px solid var(--website-page__alternate-background-color);
297
- .asd20-select-input {
297
+ &::v-deep .asd20-select-input {
298
298
  // padding: 0.25rem 0.25rem;
299
299
  color: currentColor;
300
300
  font-family: Ariel, Arial, Helvetica, sans-serif;
@@ -304,12 +304,6 @@ export default {
304
304
  &__field-wrapper {
305
305
  padding: 0 0.5rem;
306
306
  }
307
- &::v-deep .asd20-icon {
308
- width: 32px !important;
309
- height: 32px !important;
310
- --line-color: var(--website-icon__icon-line-color) !important;
311
- --fill-color: var(--website-menu__icon-fill-color) !important;
312
- }
313
307
  }
314
308
  }
315
309
  .asd20-language-loader {
package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue CHANGED
@@ -240,11 +240,6 @@ export default {
240
240
  // right: space(6);
241
241
  // top: 0 !important;
242
242
  }
243
- .asd20-notification-group--status {
244
- // position: absolute;
245
- // right: space(2);
246
- // top: space(0.5) !important;
247
- }
248
243
  .asd20-language-translation {
249
244
  z-index: 2;
250
245
  background: rgba(255, 255, 255, 1);
@@ -256,12 +251,6 @@ export default {
256
251
  padding: 0.375rem 0.375rem;
257
252
  color: currentColor;
258
253
  font-family: Arial, Helvetica, sans-serif;
259
- .asd20-icon {
260
- width: 32px !important;
261
- height: 32px !important;
262
- --line-color: var(--website-icon__icon-line-color) !important;
263
- --fill-color: var(--website-menu__icon-fill-color) !important;
264
- }
265
254
  }
266
255
  }
267
256
  .asd20-language-loader {
@@ -277,7 +266,7 @@ export default {
277
266
  background: var(--website-page__alternate-background-t70);
278
267
  background-image: url('/statics/images/chalk-dark.png');
279
268
  background-position-y: top;
280
- padding-top: 1px; //fix bug
269
+ padding-top: 1px;
281
270
 
282
271
  .placeholder-people {
283
272
  box-sizing: border-box;
@@ -295,22 +284,6 @@ export default {
295
284
  background-color: var(--website-quick-links__background-color);
296
285
  }
297
286
  }
298
- @media (min-width: 667px) {
299
- .asd20-school-home-video-template {
300
- .asd20-notification-group--status {
301
- // right: space(2.5);
302
- // top: space(0.5) !important;
303
- }
304
- .asd20-language-translation {
305
- // right: space(1);
306
- // top: space(0.5) !important;
307
- }
308
- .asd20-notification-group--floating {
309
- // right: space(1);
310
- // top: space(2) !important;
311
- }
312
- }
313
- }
314
287
 
315
288
  @media (min-width: 1024px) {
316
289
  .asd20-school-home-video-template {
@@ -342,40 +315,11 @@ export default {
342
315
  margin-right: space(0.5);
343
316
  }
344
317
  }
345
- .asd20-notification-group--floating {
346
- // right: space(4);
347
- // top: space(7.5) !important;
348
- // .bell {
349
- // span {
350
- // background: var(--color__accent);
351
- // top: -0.6em !important;
352
- // right: -0.6em !important;
353
- // }
354
- // }
355
- }
356
318
  .asd20-notification-group--status {
357
319
  order: 0;
358
320
  // right: space(5.5) !important;
359
321
  // top: space(6) !important;
360
322
  }
361
- .asd20-language-translation {
362
- // right: space(4) !important;
363
- // top: space(6) !important;
364
- }
365
323
  }
366
324
  }
367
-
368
- // @media (min-width: 1350px) {
369
- // .asd20-school-home-video-template {
370
- // .asd20-notification-group--status {
371
- // order: 0;
372
- // right: space(4) !important;
373
- // top: space(6) !important;
374
- // }
375
- // .asd20-notification-group--floating {
376
- // right: space(4);
377
- // top: space(8) !important;
378
- // }
379
- // }
380
- // }
381
325
  </style>