@asd20/ui 3.2.603 → 3.2.605
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/organisms/Asd20PageContent/index.vue +18 -2
- package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue +8 -9
- package/src/components/templates/Asd20WayfindingImageTemplate/index.vue +8 -10
- package/src/components/templates/Asd20WayfindingTemplate/index.vue +7 -3
- package/src/mixins/pageTemplateMixin.js +1 -1
package/package.json
CHANGED
|
@@ -175,7 +175,7 @@ export default {
|
|
|
175
175
|
.primary-messaging-section,
|
|
176
176
|
.secondary-messaging-section {
|
|
177
177
|
display: block;
|
|
178
|
-
padding: space(2) space(
|
|
178
|
+
padding: space(2) space(2) space(2) space(2);
|
|
179
179
|
&::v-deep > * {
|
|
180
180
|
// flex: 1 1 var(--minimum-column-width);
|
|
181
181
|
// margin: space(1) !important;
|
|
@@ -199,7 +199,7 @@ export default {
|
|
|
199
199
|
.asd20-page-content {
|
|
200
200
|
.primary-messaging-section,
|
|
201
201
|
.secondary-messaging-section {
|
|
202
|
-
padding: space(2) space(
|
|
202
|
+
padding: space(2) space(2) space(2) space(2);
|
|
203
203
|
&::v-deep > * {
|
|
204
204
|
// flex: 1 1 var(--minimum-column-width);
|
|
205
205
|
margin: space(1) !important;
|
|
@@ -243,4 +243,20 @@ export default {
|
|
|
243
243
|
}
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
+
|
|
247
|
+
@media (min-width: 1790px) {
|
|
248
|
+
.asd20-page-content {
|
|
249
|
+
&--grid {
|
|
250
|
+
.primary-messaging-section,
|
|
251
|
+
.secondary-messaging-section {
|
|
252
|
+
|
|
253
|
+
&::v-deep > * {
|
|
254
|
+
flex: 1 1 var(--minimum-column-width);
|
|
255
|
+
margin: var(--gutter) !important;
|
|
256
|
+
max-width: 30%;
|
|
257
|
+
}
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
}
|
|
246
262
|
</style>
|
|
@@ -179,12 +179,7 @@ export default {
|
|
|
179
179
|
},
|
|
180
180
|
primaryMessage() {
|
|
181
181
|
const introMessage = this.primaryMessages.slice(0, 1)
|
|
182
|
-
if (
|
|
183
|
-
introMessage[0].bodyHtml === '' ||
|
|
184
|
-
null ||
|
|
185
|
-
introMessage[0].detailLink !== '' || null
|
|
186
|
-
)
|
|
187
|
-
return
|
|
182
|
+
if (introMessage[0].bodyHtml === '' || null) return
|
|
188
183
|
return introMessage
|
|
189
184
|
},
|
|
190
185
|
},
|
|
@@ -274,6 +269,10 @@ export default {
|
|
|
274
269
|
// font-size: 36px !important;
|
|
275
270
|
}
|
|
276
271
|
}
|
|
272
|
+
.asd20-messaging {
|
|
273
|
+
padding-bottom: space(2);
|
|
274
|
+
border-bottom: 10px solid var(--color__tertiary);
|
|
275
|
+
}
|
|
277
276
|
}
|
|
278
277
|
|
|
279
278
|
@media (min-width: 1024px) {
|
|
@@ -295,9 +294,9 @@ export default {
|
|
|
295
294
|
.asd20-page-content {
|
|
296
295
|
margin-top: space(0);
|
|
297
296
|
}
|
|
298
|
-
.intro-message {
|
|
299
|
-
|
|
300
|
-
}
|
|
297
|
+
// .intro-message {
|
|
298
|
+
// width: 90%;
|
|
299
|
+
// }
|
|
301
300
|
}
|
|
302
301
|
}
|
|
303
302
|
</style>
|
|
@@ -183,13 +183,7 @@ export default {
|
|
|
183
183
|
},
|
|
184
184
|
primaryMessage() {
|
|
185
185
|
const introMessage = this.primaryMessages.slice(0, 1)
|
|
186
|
-
if (
|
|
187
|
-
introMessage[0].bodyHtml === '' ||
|
|
188
|
-
null ||
|
|
189
|
-
introMessage[0].detailLink !== '' ||
|
|
190
|
-
null
|
|
191
|
-
)
|
|
192
|
-
return
|
|
186
|
+
if (introMessage[0].bodyHtml === '' || null) return
|
|
193
187
|
return introMessage
|
|
194
188
|
},
|
|
195
189
|
},
|
|
@@ -282,6 +276,10 @@ export default {
|
|
|
282
276
|
// font-size: 36px !important;
|
|
283
277
|
}
|
|
284
278
|
}
|
|
279
|
+
.asd20-messaging {
|
|
280
|
+
padding-bottom: space(2);
|
|
281
|
+
border-bottom: 10px solid var(--color__tertiary);
|
|
282
|
+
}
|
|
285
283
|
}
|
|
286
284
|
@media (min-width: 768px) {
|
|
287
285
|
.asd20-template-wayfinding-image {
|
|
@@ -317,9 +315,9 @@ export default {
|
|
|
317
315
|
}
|
|
318
316
|
}
|
|
319
317
|
}
|
|
320
|
-
.intro-message {
|
|
321
|
-
|
|
322
|
-
}
|
|
318
|
+
// .intro-message {
|
|
319
|
+
// width: 90%;
|
|
320
|
+
// }
|
|
323
321
|
}
|
|
324
322
|
}
|
|
325
323
|
</style>
|
|
@@ -252,6 +252,10 @@ export default {
|
|
|
252
252
|
// font-size: 36px !important;
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
|
+
.asd20-messaging {
|
|
256
|
+
padding-bottom: space(2);
|
|
257
|
+
border-bottom: 10px solid var(--color__tertiary);
|
|
258
|
+
}
|
|
255
259
|
}
|
|
256
260
|
|
|
257
261
|
@media (min-width: 1024px) {
|
|
@@ -273,9 +277,9 @@ export default {
|
|
|
273
277
|
.asd20-page-content {
|
|
274
278
|
margin-top: space(0);
|
|
275
279
|
}
|
|
276
|
-
.intro-message {
|
|
277
|
-
|
|
278
|
-
}
|
|
280
|
+
// .intro-message {
|
|
281
|
+
// width: 90%;
|
|
282
|
+
// }
|
|
279
283
|
}
|
|
280
284
|
}
|
|
281
285
|
</style>
|
|
@@ -22,7 +22,7 @@ export default {
|
|
|
22
22
|
|
|
23
23
|
// Page content
|
|
24
24
|
messages: { type: Array, default: () => [] },
|
|
25
|
-
primaryMessageLimit: { type: Number, default:
|
|
25
|
+
primaryMessageLimit: { type: Number, default: 12 },
|
|
26
26
|
// factoids: { type: Array, default: () => [] },
|
|
27
27
|
websiteLogoProps: { type: Object, default: null },
|
|
28
28
|
|