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 10a89698bb..c8a893d9e0 100644 --- a/hooks/mock/content/events/upcoming-community-events.json +++ b/hooks/mock/content/events/upcoming-community-events.json @@ -11,7 +11,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": ["Open Source"],