@asd20/ui 3.5.0 → 3.5.2
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
CHANGED
|
@@ -37,6 +37,14 @@
|
|
|
37
37
|
:tabindex="disableFocus ? -1 : 0"
|
|
38
38
|
></a>
|
|
39
39
|
</div>
|
|
40
|
+
<div v-if="categories" class="asd20-card__categories">
|
|
41
|
+
<asd20-tag
|
|
42
|
+
v-for="category in categories"
|
|
43
|
+
:key="category"
|
|
44
|
+
:label="category"
|
|
45
|
+
transparent
|
|
46
|
+
/>
|
|
47
|
+
</div>
|
|
40
48
|
<div
|
|
41
49
|
v-if="websiteLogo"
|
|
42
50
|
class="asd20-card__date-left-logo"
|
|
@@ -136,6 +144,7 @@
|
|
|
136
144
|
<asd20-icon v-if="hasFile" name="file" size="sm" />
|
|
137
145
|
<img
|
|
138
146
|
v-if="sourceOrg"
|
|
147
|
+
class="source-org"
|
|
139
148
|
width="24px"
|
|
140
149
|
:src="websiteLogo"
|
|
141
150
|
:alt="`${sourceOrg} logo`"
|
|
@@ -530,9 +539,9 @@ export default {
|
|
|
530
539
|
align-items: center;
|
|
531
540
|
justify-content: center;
|
|
532
541
|
|
|
533
|
-
width:
|
|
534
|
-
height:
|
|
535
|
-
min-width:
|
|
542
|
+
width: 4rem;
|
|
543
|
+
height: 4rem;
|
|
544
|
+
min-width: 4rem;
|
|
536
545
|
border-radius: 999px;
|
|
537
546
|
background: var(--website-card__reverse-background-color)
|
|
538
547
|
var(--website-card__reverse-background-style);
|
|
@@ -581,9 +590,9 @@ export default {
|
|
|
581
590
|
// Logo in lower-right
|
|
582
591
|
.asd20-card__date-left-logo {
|
|
583
592
|
position: absolute;
|
|
584
|
-
right:
|
|
593
|
+
right: 0;
|
|
585
594
|
bottom: -1rem;
|
|
586
|
-
opacity: 0.
|
|
595
|
+
opacity: 0.1;
|
|
587
596
|
pointer-events: none;
|
|
588
597
|
z-index: 1; // under text, above background
|
|
589
598
|
|
|
@@ -595,6 +604,11 @@ export default {
|
|
|
595
604
|
height: auto;
|
|
596
605
|
}
|
|
597
606
|
}
|
|
607
|
+
.asd20-card__categories {
|
|
608
|
+
position: absolute;
|
|
609
|
+
right: space(0.25);
|
|
610
|
+
bottom: space(0.25);
|
|
611
|
+
}
|
|
598
612
|
|
|
599
613
|
// keep the entire card clickable via existing overlay link style
|
|
600
614
|
.asd20-card__link::after {
|
|
@@ -612,11 +626,16 @@ export default {
|
|
|
612
626
|
}
|
|
613
627
|
|
|
614
628
|
&__indicators {
|
|
629
|
+
display: flex;
|
|
615
630
|
margin-left: auto;
|
|
616
631
|
align-self: flex-end;
|
|
617
632
|
::v-deep .asd20-icon g {
|
|
618
633
|
--line-color: var(--website-card__reverse-foreground-color);
|
|
619
634
|
}
|
|
635
|
+
.source-org {
|
|
636
|
+
border-radius: 24px;
|
|
637
|
+
background: #fff;
|
|
638
|
+
}
|
|
620
639
|
}
|
|
621
640
|
|
|
622
641
|
&__image {
|