diff --git a/src/app/shared/components/resource-card/resource-card.component.html b/src/app/shared/components/resource-card/resource-card.component.html index 0f5d574f9..b4e25fbc9 100644 --- a/src/app/shared/components/resource-card/resource-card.component.html +++ b/src/app/shared/components/resource-card/resource-card.component.html @@ -1,118 +1,118 @@
- +

{{ cardTypeLabel() | translate }}

+
+
-
-

- - {{ displayTitle() | fixSpecialChar }} - -

+
+

+ + {{ displayTitle() | fixSpecialChar }} + +

- @if (isWithdrawn()) { - {{ 'resourceCard.labels.withdrawn' | translate }} - } + @if (isWithdrawn()) { + {{ 'resourceCard.labels.withdrawn' | translate }} + } - @let orcidValues = orcids(); - @if (orcidValues.length && orcidValues[0]) { - - orcid - - } -
+ @let orcidValues = orcids(); + @if (orcidValues.length && orcidValues[0]) { + + orcid + + } +
- @if (affiliatedEntities().length > 0) { -
- @for (affiliatedEntity of affiliatedEntities().slice(0, limit); track $index) { - - {{ affiliatedEntity.name }}{{ $last ? '' : ', ' }} - - } - @if (resource().creators.length > limit) { -

-  {{ 'resourceCard.andCountMore' | translate: { count: resource().creators.length - limit } }} -

- } -
+ @if (affiliatedEntities().length > 0) { +
+ @for (affiliatedEntity of affiliatedEntities().slice(0, limit); track $index) { + + {{ affiliatedEntity.name }}{{ $last ? '' : ', ' }} + } - - @if (resource().isPartOf) { -
-

{{ 'resourceCard.labels.from' | translate }}

- - {{ resource().isPartOf!.name }} - -
+ @if (resource().creators.length > limit) { +

+  {{ 'resourceCard.andCountMore' | translate: { count: resource().creators.length - limit } }} +

} +
+ } - @if (resource().isContainedBy) { -
-

{{ 'resourceCard.labels.from' | translate }}

- - {{ resource().isContainedBy!.name }} - -
- } + @if (resource().isPartOf) { +
+

{{ 'resourceCard.labels.from' | translate }}

+ + {{ resource().isPartOf!.name }} + +
+ } - @if (dateFields().length > 0) { -
- @for (dateField of dateFields(); track $index) { -

{{ dateField.label | translate }}: {{ dateField.date | date: 'MMMM d, y' : 'UTC' }}

+ @if (resource().isContainedBy) { +
+

{{ 'resourceCard.labels.from' | translate }}

+ + {{ resource().isContainedBy!.name }} + +
+ } - @if (!$last && !isSmall()) { -

- {{ '|' }} -

- } - } -
- } + @if (dateFields().length > 0) { +
+ @for (dateField of dateFields(); track $index) { +

{{ dateField.label | translate }}: {{ dateField.date | date: 'MMMM d, y' : 'UTC' }}

- @if (resource().context) { -
-

-
+ @if (!$last && !isSmall()) { +

+ {{ '|' }} +

+ } } +
+ } - @if ( - resource().resourceType === ResourceType.Registration || - resource().resourceType === ResourceType.RegistrationComponent - ) { - - } + @if (resource().context) { +
+

- + } + + @if ( + resource().resourceType === ResourceType.Registration || + resource().resourceType === ResourceType.RegistrationComponent + ) { + + }

diff --git a/src/app/shared/components/resource-card/resource-card.component.scss b/src/app/shared/components/resource-card/resource-card.component.scss index e32881448..6561b9e4d 100644 --- a/src/app/shared/components/resource-card/resource-card.component.scss +++ b/src/app/shared/components/resource-card/resource-card.component.scss @@ -12,6 +12,10 @@ font-weight: 400; } + a { + font-weight: 700; + } + .break-line { border: none; border-top: 1px solid var(--grey-2);