@asd20/ui 3.2.569 → 3.2.570
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/atoms/Asd20SelectInput/index.vue +3 -2
- package/src/components/organisms/Asd20PageHeader/index.vue +25 -17
- package/src/components/templates/Asd20DetailTemplate/index.vue +3 -3
- package/src/components/templates/Asd20SchoolHomeVideoTemplate/index.vue +1 -1
package/package.json
CHANGED
|
@@ -89,9 +89,10 @@ $input-reversed-text-color: var(--color__accent-t100);
|
|
|
89
89
|
align-items: center;
|
|
90
90
|
font-size: 1em;
|
|
91
91
|
font-weight: normal;
|
|
92
|
+
font-family: Ariel, Arial, Helvetica, sans-serif;
|
|
92
93
|
border-radius: 2px;
|
|
93
94
|
cursor: pointer;
|
|
94
|
-
color:
|
|
95
|
+
color: var(--website-page__foreground-color);
|
|
95
96
|
padding: space(0.25) space(0.5);
|
|
96
97
|
height: space(1.25);
|
|
97
98
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
|
@@ -150,7 +151,7 @@ $input-reversed-text-color: var(--color__accent-t100);
|
|
|
150
151
|
}
|
|
151
152
|
|
|
152
153
|
&__label {
|
|
153
|
-
color:
|
|
154
|
+
color: var(--website-page__foreground-color);
|
|
154
155
|
}
|
|
155
156
|
|
|
156
157
|
&__field-wrapper {
|
|
@@ -63,7 +63,10 @@
|
|
|
63
63
|
v-if="publishDateTime"
|
|
64
64
|
:dateTime="publishDateTime"
|
|
65
65
|
/>
|
|
66
|
-
<div
|
|
66
|
+
<div
|
|
67
|
+
class="modified-meta"
|
|
68
|
+
v-if="modifiedDateTime && showModifiedDateTime"
|
|
69
|
+
>
|
|
67
70
|
<span class="date-prefix"> | Updated:</span>
|
|
68
71
|
<asd20-formatted-date :dateTime="modifiedDateTime" />
|
|
69
72
|
</div>
|
|
@@ -208,7 +211,9 @@ export default {
|
|
|
208
211
|
const modifiedDateTimeString = new Date(this.modifiedDateTime)
|
|
209
212
|
// console.log(publishDateTimeString, modifiedDateTimeString)
|
|
210
213
|
|
|
211
|
-
let publishDateTimePlusOne = new Date(
|
|
214
|
+
let publishDateTimePlusOne = new Date(
|
|
215
|
+
publishDateTimeString.setDate(publishDateTimeString.getDate() + 1)
|
|
216
|
+
)
|
|
212
217
|
// console.log(publishDateTimePlusOne, modifiedDateTimeString)
|
|
213
218
|
return modifiedDateTimeString > publishDateTimePlusOne ? true : false
|
|
214
219
|
},
|
|
@@ -302,33 +307,36 @@ export default {
|
|
|
302
307
|
color: var(--website-button__foreground-color);
|
|
303
308
|
}
|
|
304
309
|
}
|
|
310
|
+
&::v-deep .asd20-icon {
|
|
311
|
+
width: 24px !important;
|
|
312
|
+
height: 24px !important;
|
|
313
|
+
--line-color: currentColor !important;
|
|
314
|
+
--fill-color: var(--color__accent) !important;
|
|
315
|
+
g {
|
|
316
|
+
// --website-icon__line-color: var(--website-icon__line-color) !important;
|
|
317
|
+
--line-color: currentColor !important;
|
|
318
|
+
}
|
|
319
|
+
}
|
|
305
320
|
.asd20-language-translation {
|
|
306
321
|
flex-grow: 0;
|
|
307
322
|
width: max-content;
|
|
308
323
|
background: rgba(255, 255, 255, 0.9);
|
|
309
324
|
border-radius: 3rem;
|
|
310
325
|
padding: 0 0 0 0.5em;
|
|
311
|
-
.asd20-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
326
|
+
&::v-deep .asd20-icon {
|
|
327
|
+
width: 24px !important;
|
|
328
|
+
height: 24px !important;
|
|
329
|
+
--line-color: var(--website-page__foreground-color) !important;
|
|
330
|
+
--fill-color: var(--color__accent) !important;
|
|
331
|
+
g {
|
|
332
|
+
// --website-icon__line-color: var(--website-icon__line-color) !important;
|
|
333
|
+
--line-color: var(--website-page__foreground-color) !important;
|
|
316
334
|
}
|
|
317
335
|
}
|
|
318
336
|
}
|
|
319
337
|
.asd20-language-loader {
|
|
320
338
|
order: 1;
|
|
321
339
|
}
|
|
322
|
-
&::v-deep .asd20-icon {
|
|
323
|
-
width: 24px !important;
|
|
324
|
-
height: 24px !important;
|
|
325
|
-
--line-color: currentColor !important;
|
|
326
|
-
--fill-color: var(--color__accent) !important;
|
|
327
|
-
g {
|
|
328
|
-
// --website-icon__line-color: var(--website-icon__line-color) !important;
|
|
329
|
-
--line-color: currentColor !important;
|
|
330
|
-
}
|
|
331
|
-
}
|
|
332
340
|
}
|
|
333
341
|
|
|
334
342
|
&__top {
|
|
@@ -163,9 +163,9 @@ export default {
|
|
|
163
163
|
Asd20QuicklinksMenu,
|
|
164
164
|
Asd20MediaSection,
|
|
165
165
|
},
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
166
|
+
props: {
|
|
167
|
+
languageCode: { type: String, default: 'en' },
|
|
168
|
+
},
|
|
169
169
|
}
|
|
170
170
|
</script>
|
|
171
171
|
|