@asd20/ui 3.2.700 → 3.2.702

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue +13 -6
  3. package/src/components/templates/Asd20WayfindingImageTemplate/index.vue +16 -15
  4. package/src/components/templates/Asd20WayfindingTemplate/index.vue +13 -6
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.700",
8
+ "version": "3.2.702",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue CHANGED
@@ -98,6 +98,14 @@
98
98
  grid
99
99
  />
100
100
 
101
+ <!-- Photos & Videos -->
102
+ <asd20-media-section
103
+ v-if="combinedMessageImages.length > 1 || combinedMessageVideos.length"
104
+ :images="this.combinedMessageImages || []"
105
+ :videos="this.combinedMessageVideos || []"
106
+ >
107
+ </asd20-media-section>
108
+
101
109
  <!-- Bottom Widgets -->
102
110
  <asd20-widgets-section
103
111
  v-if="
@@ -142,7 +150,7 @@ import Asd20PageContent from '../../../components/organisms/Asd20PageContent'
142
150
 
143
151
  import Asd20WidgetsSection from '../../../components/organisms/Asd20WidgetsSection'
144
152
  import Asd20FeedsSection from '../../../components/organisms/Asd20FeedsSection'
145
- // import Asd20MediaSection from '../../../components/organisms/Asd20MediaSection'
153
+ import Asd20MediaSection from '../../../components/organisms/Asd20MediaSection'
146
154
 
147
155
  import Asd20PageFooter from '../../../components/organisms/Asd20PageFooter'
148
156
  import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMenu'
@@ -166,7 +174,7 @@ export default {
166
174
  Asd20FeedsSection,
167
175
  Asd20NotificationGroup,
168
176
  Asd20QuicklinksMenu,
169
- // Asd20MediaSection,
177
+ Asd20MediaSection,
170
178
  },
171
179
  computed: {
172
180
  wayFindingPrimaryMessages() {
@@ -249,10 +257,9 @@ export default {
249
257
  padding-top: space(1) !important;
250
258
  padding-bottom: space(1) !important;
251
259
  .asd20-messaging {
252
- border-left: space(1) solid var(--color__tertiary);
253
- border-bottom: space(1) solid var(--color__tertiary);
254
- padding-left: space(1);
255
- padding-bottom: space(1);
260
+ border-top: space(0.25) solid var(--color__tertiary);
261
+ border-bottom: space(0.25) solid var(--color__tertiary);
262
+ padding: space(1);
256
263
  }
257
264
  }
258
265
  p {
package/src/components/templates/Asd20WayfindingImageTemplate/index.vue CHANGED
@@ -98,6 +98,14 @@
98
98
  fullscreen
99
99
  />
100
100
 
101
+ <!-- Photos & Videos -->
102
+ <asd20-media-section
103
+ v-if="combinedMessageImages.length > 1 || combinedMessageVideos.length"
104
+ :images="this.combinedMessageImages || []"
105
+ :videos="this.combinedMessageVideos || []"
106
+ >
107
+ </asd20-media-section>
108
+
101
109
  <!-- Bottom Widgets -->
102
110
  <asd20-widgets-section
103
111
  v-if="
@@ -143,7 +151,7 @@ import Asd20PageContent from '../../../components/organisms/Asd20PageContent'
143
151
 
144
152
  import Asd20WidgetsSection from '../../../components/organisms/Asd20WidgetsSection'
145
153
  import Asd20FeedsSection from '../../../components/organisms/Asd20FeedsSection'
146
- // import Asd20MediaSection from '../../../components/organisms/Asd20MediaSection'
154
+ import Asd20MediaSection from '../../../components/organisms/Asd20MediaSection'
147
155
 
148
156
  import Asd20PageFooter from '../../../components/organisms/Asd20PageFooter'
149
157
  import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMenu'
@@ -167,7 +175,7 @@ export default {
167
175
  Asd20FeedsSection,
168
176
  Asd20NotificationGroup,
169
177
  Asd20QuicklinksMenu,
170
- // Asd20MediaSection,
178
+ Asd20MediaSection,
171
179
  },
172
180
  computed: {
173
181
  wayFindingPrimaryMessages() {
@@ -260,10 +268,9 @@ export default {
260
268
  padding-top: space(1) !important;
261
269
  padding-bottom: space(1) !important;
262
270
  .asd20-messaging {
263
- border-left: space(0.5) solid var(--color__tertiary);
264
- border-bottom: space(0.5) solid var(--color__tertiary);
265
- padding-left: space(0.5);
266
- padding-bottom: space(0.5);
271
+ border-top: space(0.25) solid var(--color__tertiary);
272
+ border-bottom: space(0.25) solid var(--color__tertiary);
273
+ padding: space(1) 0;
267
274
  }
268
275
  }
269
276
  p {
@@ -283,10 +290,6 @@ export default {
283
290
  // font-size: 36px !important;
284
291
  }
285
292
  }
286
- // .asd20-messaging {
287
- // padding-bottom: space(2);
288
- // border-bottom: 10px solid var(--color__tertiary);
289
- // }
290
293
  }
291
294
  @media (min-width: 768px) {
292
295
  .asd20-template-wayfinding-image {
@@ -294,12 +297,10 @@ export default {
294
297
  top: space(0.5);
295
298
  }
296
299
  .intro-message {
300
+ padding: space(1);
297
301
  .primary-messaging-section {
298
302
  .asd20-messaging {
299
- border-left: space(1) solid var(--color__tertiary);
300
- border-bottom: space(1) solid var(--color__tertiary);
301
- padding-left: space(1);
302
- padding-bottom: space(1);
303
+ padding: space(1) space(1);
303
304
  }
304
305
  }
305
306
  }
@@ -334,7 +335,7 @@ export default {
334
335
  }
335
336
  .asd20-page-content:not(.intro-message) .primary-messaging-section {
336
337
  display: flex;
337
- padding: space(1) space(1) space(1) space(2);
338
+ padding: space(1) space(2) space(1) space(2);
338
339
  .asd20-messaging {
339
340
  margin-bottom: space(2) !important;
340
341
  flex-grow: 1;
package/src/components/templates/Asd20WayfindingTemplate/index.vue CHANGED
@@ -94,6 +94,14 @@
94
94
  @events-in-view="$emit('events-in-view')"
95
95
  ></asd20-feeds-section>
96
96
 
97
+ <!-- Photos & Videos -->
98
+ <asd20-media-section
99
+ v-if="combinedMessageImages.length > 1 || combinedMessageVideos.length"
100
+ :images="this.combinedMessageImages || []"
101
+ :videos="this.combinedMessageVideos || []"
102
+ >
103
+ </asd20-media-section>
104
+
97
105
  <!-- Bottom Widgets -->
98
106
  <asd20-widgets-section
99
107
  v-if="
@@ -138,7 +146,7 @@ import Asd20PageContent from '../../../components/organisms/Asd20PageContent'
138
146
 
139
147
  import Asd20WidgetsSection from '../../../components/organisms/Asd20WidgetsSection'
140
148
  import Asd20FeedsSection from '../../../components/organisms/Asd20FeedsSection'
141
- // import Asd20MediaSection from '../../../components/organisms/Asd20MediaSection'
149
+ import Asd20MediaSection from '../../../components/organisms/Asd20MediaSection'
142
150
 
143
151
  import Asd20PageFooter from '../../../components/organisms/Asd20PageFooter'
144
152
  import Asd20QuicklinksMenu from '../../../components/organisms/Asd20QuicklinksMenu'
@@ -162,7 +170,7 @@ export default {
162
170
  Asd20FeedsSection,
163
171
  Asd20NotificationGroup,
164
172
  Asd20QuicklinksMenu,
165
- // Asd20MediaSection,
173
+ Asd20MediaSection,
166
174
  },
167
175
  computed: {
168
176
  wayFindingPrimaryMessages() {
@@ -229,10 +237,9 @@ export default {
229
237
  padding-top: space(1) !important;
230
238
  padding-bottom: space(1) !important;
231
239
  .asd20-messaging {
232
- border-left: space(1) solid var(--color__tertiary);
233
- border-bottom: space(1) solid var(--color__tertiary);
234
- padding-left: space(1);
235
- padding-bottom: space(1);
240
+ border-top: space(0.25) solid var(--color__tertiary);
241
+ border-bottom: space(0.25) solid var(--color__tertiary);
242
+ padding: space(1);
236
243
  }
237
244
  }
238
245