@asd20/ui 3.2.444 → 3.2.447

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 (9) hide show
  1. package/package.json +1 -1
  2. package/src/components/molecules/Asd20Picker/index.vue +2 -37
  3. package/src/components/organisms/Asd20ImageHeader/index.vue +3 -17
  4. package/src/components/organisms/Asd20OrganizationPicker/index.vue +7 -6
  5. package/src/components/organisms/Asd20PageHeader/index.vue +1 -15
  6. package/src/components/organisms/Asd20SchoolHomepageHeader/index.vue +20 -8
  7. package/src/components/templates/Asd20DetailImageTemplate/index.vue +3 -10
  8. package/src/components/templates/Asd20WayfindingImageTemplate/index.vue +8 -1
  9. package/src/data/page-queries/sublanding-page-query-result.json +1 -1
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.444",
8
+ "version": "3.2.447",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/molecules/Asd20Picker/index.vue CHANGED
@@ -27,16 +27,6 @@
27
27
  </asd20-list-item>
28
28
  <asd20-accordion :opened="true" label="Favorites">
29
29
  <transition-group name="fade" mode="in-out">
30
- <!-- <asd20-checkbox
31
- v-for="item in trueItems"
32
- :key="item.id"
33
- :label="item.label"
34
- :value="item.value"
35
- :link="item.website"
36
- @input="editFavorites(item.id)"
37
- :icon="icon"
38
- v-on:eventLabelClick="catchFavorites"
39
- /> -->
40
30
  <div
41
31
  class="favorite-list-item"
42
32
  v-for="item in trueItems"
@@ -56,21 +46,10 @@
56
46
  </asd20-accordion>
57
47
  <asd20-accordion
58
48
  v-for="(categoryItem, index) in itemsByCategoryOptions"
59
- :label="categoryItem.title"
49
+ :label="categoryItem.title + ' Schools'"
60
50
  :key="index"
61
51
  >
62
52
  <transition-group name="fade" mode="in-out">
63
- <!-- <asd20-checkbox
64
- v-for="item in categoryItem.itemsSorted"
65
- :key="(index, item.id)"
66
- :label="item.title"
67
- :value="item.value"
68
- :link="item.website"
69
- @input="editFavorites(item.id)"
70
- :icon="icon"
71
- v-on:eventLabelClick="catchFavorites"
72
- /> -->
73
-
74
53
  <div
75
54
  class="favorite-list-item"
76
55
  v-for="item in categoryItem.itemsSorted"
@@ -243,6 +222,7 @@ export default {
243
222
  .asd20-picker {
244
223
  position: relative;
245
224
  display: flex;
225
+ align-items: center;
246
226
  .picker-button {
247
227
  // margin: space(0.1) space(0);
248
228
  }
@@ -328,19 +308,4 @@ export default {
328
308
  height: auto;
329
309
  }
330
310
  }
331
- // @media (min-width: 900px) {
332
- // .asd20-picker__modal {
333
- // padding: space(1) space(3);
334
- // }
335
- // }
336
- // @media (min-width: 1100px) {
337
- // .asd20-picker__modal {
338
- // padding: space(1) space(10);
339
- // }
340
- // .asd20-picker {
341
- // &__button {
342
- // padding: space(0.5);
343
- // }
344
- // }
345
- // }
346
311
  </style>
package/src/components/organisms/Asd20ImageHeader/index.vue CHANGED
@@ -6,13 +6,6 @@
6
6
  role="banner"
7
7
  >
8
8
  <div class="asd20-image-header__top" v-if="organizationOptions.length > 0">
9
- <!-- <asd20-district-logo
10
- v-show="
11
- organization.title === 'Academy District 20' &&
12
- mq !== 'sm' &&
13
- mq !== 'md'
14
- "
15
- ></asd20-district-logo> -->
16
9
  <client-only>
17
10
  <asd20-organization-picker
18
11
  :organization-options="organizationOptions"
@@ -320,15 +313,11 @@ export default {
320
313
  flex-direction: row;
321
314
  align-items: center;
322
315
  padding: space(0.5) space(1);
323
-
316
+ margin: space(-0.5);
324
317
  &::v-deep .asd20-organization-picker {
325
318
  display: none;
326
319
  }
327
320
 
328
- // &::v-deep .asd20-district-logo {
329
- // display: none;
330
- // }
331
-
332
321
  &::v-deep .notification-group--status {
333
322
  margin-top: space(0.5);
334
323
  margin-bottom: space(0.5);
@@ -339,10 +328,6 @@ export default {
339
328
  padding-right: 0;
340
329
  }
341
330
  }
342
-
343
- &::v-deep .asd20-notification-group--floating {
344
- margin-left: space(1);
345
- }
346
331
  }
347
332
 
348
333
  &__content {
@@ -514,6 +499,7 @@ export default {
514
499
 
515
500
  &__top {
516
501
  padding: 0 space(3);
502
+ margin-top: space(0.5);
517
503
  z-index: 5;
518
504
  }
519
505
  }
@@ -559,7 +545,7 @@ export default {
559
545
  }
560
546
  }
561
547
  &__title-content {
562
- max-width: 50%;
548
+ max-width: 60%;
563
549
  }
564
550
  &__call-to-action {
565
551
  margin: space(-1) 60vw space(-1) space(3);
package/src/components/organisms/Asd20OrganizationPicker/index.vue CHANGED
@@ -13,10 +13,10 @@
13
13
  :reversed="reversed"
14
14
  >
15
15
  <asd20-district-logo
16
- v-show="organization.title === 'Academy District 20'"
16
+ v-if="organization.title === 'Academy District 20'"
17
17
  ></asd20-district-logo>
18
18
  <asd20-logo
19
- v-show="organization.title !== 'Academy District 20'"
19
+ v-if="organization.title !== 'Academy District 20'"
20
20
  :title="orgTitle"
21
21
  :subtitle="orgLevel"
22
22
  :image="organization.logoImageUrl"
@@ -104,8 +104,10 @@ export default {
104
104
 
105
105
  .asd20-organization-picker {
106
106
  .asd20-district-logo {
107
- margin: auto;
108
107
  padding-left: space(0.25);
108
+ &::v-deep svg {
109
+ height: inherit;
110
+ }
109
111
  }
110
112
  }
111
113
  @media (min-width: 768px) {
@@ -120,9 +122,8 @@ export default {
120
122
  @media (min-width: 1024px) {
121
123
  .asd20-organization-picker {
122
124
  .asd20-district-logo {
123
- height: space(1.5);
124
125
  margin: space(1) auto space(1) 0;
125
- display: block;
126
+ // display: flex;
126
127
  --fill-one: var(--color__primary);
127
128
  --fill-two: var(--color__secondary-t30);
128
129
  }
@@ -130,7 +131,7 @@ export default {
130
131
  .asd20-district-logo {
131
132
  height: space(1.5);
132
133
  margin: space(1) auto space(1) 0;
133
- display: block;
134
+ // display: block;
134
135
  --fill-one: #fff;
135
136
  --fill-two: #ccc;
136
137
  }
package/src/components/organisms/Asd20PageHeader/index.vue CHANGED
@@ -252,7 +252,6 @@ export default {
252
252
  .back {
253
253
  color: currentColor !important;
254
254
  order: 2;
255
-
256
255
  }
257
256
  .right {
258
257
  display: flex;
@@ -314,7 +313,7 @@ export default {
314
313
  flex-direction: row;
315
314
  align-items: center;
316
315
  padding: space(0.5) space(1);
317
-
316
+ margin-top: space(-1);
318
317
  &::v-deep .asd20-organization-picker {
319
318
  display: none;
320
319
  }
@@ -407,11 +406,6 @@ export default {
407
406
  --website-header__button-foreground-color,
408
407
  var(--color__accent-t100)
409
408
  );
410
- // border: var(--website-shape__line-thickness) solid
411
- // var(
412
- // --website-header__button-foreground-color,
413
- // var(--color__accent-t100)
414
- // );
415
409
  box-shadow: 2px 2px 2px rgb(50, 50, 50);
416
410
  &:hover,
417
411
  &:focus {
@@ -510,14 +504,6 @@ export default {
510
504
  margin: space(0) auto space(0) space(0);
511
505
  }
512
506
 
513
- // &::v-deep .asd20-district-logo {
514
- // height: space(1.5);
515
- // margin: space(1) auto space(1) 0;
516
- // display: block;
517
- // --fill-one: var(--color__primary);
518
- // --fill-two: var(--color__secondary-t30);
519
- // }
520
-
521
507
  &__top {
522
508
  padding: 0 space(3);
523
509
  margin: space(0.5) 0;
package/src/components/organisms/Asd20SchoolHomepageHeader/index.vue CHANGED
@@ -137,31 +137,35 @@ export default {
137
137
  --fill-one: rgba(255, 255, 255, 1);
138
138
  --fill-two: rgba(255, 255, 255, 0.625);
139
139
 
140
- position: relative;
140
+ position: absolute;
141
141
  z-index: 101;
142
- background: white;
142
+ // background: white;
143
143
  display: flex;
144
- justify-content: space-between;
144
+ justify-content: flex-end;
145
145
  flex-direction: row;
146
146
  align-items: center;
147
147
  padding: space(0.25) space(0.5);
148
-
148
+ margin-top: space(0.5);
149
+ width: 95vw;
149
150
  &::v-deep .asd20-picker {
150
151
  display: none;
151
152
  }
152
153
 
153
154
  &::v-deep .notification-group--status {
154
155
  // margin-left: 0.5rem;
155
- .asd20-notification {
156
- margin: 0;
157
- padding: 0 !important;
156
+ // .asd20-notification {
157
+ // margin: 0;
158
+ // padding: 0 !important;
159
+ // }
160
+ .notifications {
161
+ border-radius: space(0.5);
158
162
  }
159
163
  }
160
164
  &::v-deep .asd20-schedule-indicator {
161
165
  margin-left: 1rem;
162
166
  }
163
167
  &::v-deep .notification-group--floating {
164
- margin-right: 0;
168
+ margin-right: space(1.25);
165
169
  .bell {
166
170
  z-index: 1000;
167
171
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
@@ -188,6 +192,10 @@ export default {
188
192
  z-index: 1;
189
193
  }
190
194
 
195
+ &__content {
196
+ margin-top: space(2);
197
+ }
198
+
191
199
  &__lead {
192
200
  position: relative;
193
201
  z-index: 1;
@@ -312,12 +320,14 @@ $max: 4rem;
312
320
  }
313
321
 
314
322
  &__top {
323
+ position: relative;
315
324
  margin: 0;
316
325
  padding: space(1) space(3) space(1) space(3);
317
326
  grid-column: 1/-1;
318
327
  grid-row: 1/7;
319
328
  background: transparent;
320
329
  justify-content: space-between;
330
+ width: inherit;
321
331
  &::v-deep .asd20-picker {
322
332
  display: flex;
323
333
  }
@@ -333,9 +343,11 @@ $max: 4rem;
333
343
  position: absolute;
334
344
  right: space(3);
335
345
  top: space(3.5);
346
+ margin-right: 0;
336
347
  }
337
348
 
338
349
  &__content {
350
+ margin-top: 0;
339
351
  position: relative;
340
352
  grid-column: 2 / 6;
341
353
  grid-row: 8 / 9;
package/src/components/templates/Asd20DetailImageTemplate/index.vue CHANGED
@@ -185,7 +185,7 @@ export default {
185
185
  margin-top: space(2.25);
186
186
  .asd20-notification-group--floating {
187
187
  position: absolute;
188
- top: space(2);
188
+ top: space(1.5);
189
189
  .bell {
190
190
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
191
191
  svg {
@@ -207,7 +207,7 @@ export default {
207
207
  .asd20-template-detail-image {
208
208
  .asd20-notification-group--floating {
209
209
  position: absolute;
210
- top: space(1);
210
+ top: space(0.5);
211
211
  .bell {
212
212
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
213
213
  svg {
@@ -233,14 +233,7 @@ export default {
233
233
  margin-top: 0;
234
234
  .asd20-notification-group--floating {
235
235
  position: absolute;
236
- // top: space(1.5);
237
- // .bell {
238
- // span {
239
- // background: var(--color__accent);
240
- // top: -0.6em !important;
241
- // right: -0.6em !important;
242
- // }
243
- // }
236
+ top: space(1);
244
237
  }
245
238
  .notification-group--inline {
246
239
  margin: space(2) space(3) space(1) space(3);
package/src/components/templates/Asd20WayfindingImageTemplate/index.vue CHANGED
@@ -197,7 +197,7 @@ export default {
197
197
  margin-top: space(2.25);
198
198
  .asd20-notification-group--floating {
199
199
  position: absolute;
200
- top: space(2);
200
+ top: space(1.5);
201
201
  .bell {
202
202
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125) !important;
203
203
  svg {
@@ -253,6 +253,13 @@ export default {
253
253
  }
254
254
  }
255
255
  }
256
+ @media (min-width: 768px) {
257
+ .asd20-template-wayfinding-image {
258
+ .asd20-notification-group--floating {
259
+ top: space(0.5);
260
+ }
261
+ }
262
+ }
256
263
 
257
264
  @media (min-width: 1024px) {
258
265
  .asd20-template-wayfinding-image {
package/src/data/page-queries/sublanding-page-query-result.json CHANGED
@@ -157,7 +157,7 @@
157
157
  ],
158
158
  "ownerOrganization": {
159
159
  "id": "f4656914-9ec6-1811-aa5d-31f532f483d5",
160
- "title": "Discovery Canyon Campus High School",
160
+ "title": "Academy District 20",
161
161
  "abbreviation": "DCCHS",
162
162
  "address": {
163
163
  "zip": "80920",