diff --git a/components/Events/EventsCard.vue b/components/Events/EventsCard.vue index 32ee250487..ea90702915 100644 --- a/components/Events/EventsCard.vue +++ b/components/Events/EventsCard.vue @@ -12,6 +12,9 @@ :alt-text="altText" >
+ {{ description }} +
{{ description.substring(0, MAX_DESCRIPTION_LENGTH_CH).trim() }}... @use "~/assets/scss/carbon.scss"; +@use "~/assets/scss/helpers/index.scss" as qiskit; .events-card { &__description { margin-bottom: carbon.$spacing-06; max-height: 240ch; + height: 100%; &__toggle { - text-decoration: underline; cursor: pointer; - color: var(--cds-link-primary, #{carbon.$purple-80}); + color: qiskit.$link-color-tertiary; } } diff --git a/components/Ui/UiCard.vue b/components/Ui/UiCard.vue index c23fb24ab0..1468774bdb 100644 --- a/components/Ui/UiCard.vue +++ b/components/Ui/UiCard.vue @@ -168,6 +168,10 @@ function hasTags(tags: string[]) { &__body { overflow-wrap: break-word; + height: 100%; + display: flex; + justify-content: flex-end; + flex-direction: column; } &__content { @@ -178,6 +182,13 @@ function hasTags(tags: string[]) { justify-content: space-between; } + &__description { + height: 100%; + display: flex; + flex-direction: column; + justify-content: flex-end; + } + &__ctas { display: flex; justify-content: flex-start; diff --git a/hooks/mock/content/events/upcoming-community-events.json b/hooks/mock/content/events/upcoming-community-events.json index 2c967ba323..00a70a4101 100644 --- a/hooks/mock/content/events/upcoming-community-events.json +++ b/hooks/mock/content/events/upcoming-community-events.json @@ -15,7 +15,7 @@ "startDateAndTime": null, "endDate": "", "to": "https://imperturbable-hyphenation.info/", - "abstract": "Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem." + "abstract": "Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur minima aperiam dicta amet rem. Accusamus eos amet animi saepe quidem fugit veritatis ex eveniet. Consectetur saepe assumenda. Esse id unde quibusdam consequuntur" }, { "types": [