From c698713bfa3e6e71ae88a989bb58ac020dded7a6 Mon Sep 17 00:00:00 2001 From: Andrew Noblet Date: Wed, 22 May 2024 14:30:07 +0000 Subject: [PATCH 1/2] feat(cxl-ui): cxl-course-card update name styles https://cxlworld.slack.com/archives/C01HNLQNVA9/p1715760558848559 --- packages/cxl-ui/scss/cxl-course-card.scss | 31 ++++++++++++++--------- 1 file changed, 19 insertions(+), 12 deletions(-) diff --git a/packages/cxl-ui/scss/cxl-course-card.scss b/packages/cxl-ui/scss/cxl-course-card.scss index 8312d83ad..23bbfc51f 100644 --- a/packages/cxl-ui/scss/cxl-course-card.scss +++ b/packages/cxl-ui/scss/cxl-course-card.scss @@ -112,22 +112,29 @@ footer { } :host(.cxl-full-card) { - height: 320px; + height: 320px; - header { - .info { - .name { - @include mixins.ellipsis-for-lines(3); - } + header { + .info { + .name { + @include mixins.ellipsis-for-lines(3); } } + } - .content-wrapper { - min-height: calc(var(--lumo-line-height-s) * 4); // four standard line-heights + .content-wrapper { + min-height: calc(var(--lumo-line-height-s) * 4); // four standard line-heights - .content { - @include mixins.ellipsis-for-lines(4); - min-height: calc(var(--lumo-line-height-s) * 4); // four standard line-heights - } + .content { + @include mixins.ellipsis-for-lines(4); + min-height: calc(var(--lumo-line-height-s) * 4); // four standard line-heights } + } +} + +:host([theme~="course"]) { + .name { + font-size: var(--lumo-font-size-m); + -webkit-line-clamp: unset; + } } From 9d44ec9d855d0d32b4298c2e41a95f893c0bb0e6 Mon Sep 17 00:00:00 2001 From: Andrew Noblet Date: Wed, 22 May 2024 18:08:34 +0000 Subject: [PATCH 2/2] feat(cxl-ui): cxl-course-card remove max-width from info https://cxlworld.slack.com/archives/C01HNLQNVA9/p1715760558848559 --- packages/cxl-ui/scss/cxl-course-card.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/cxl-ui/scss/cxl-course-card.scss b/packages/cxl-ui/scss/cxl-course-card.scss index 23bbfc51f..5f25b7b60 100644 --- a/packages/cxl-ui/scss/cxl-course-card.scss +++ b/packages/cxl-ui/scss/cxl-course-card.scss @@ -138,3 +138,9 @@ footer { -webkit-line-clamp: unset; } } + +:host([theme~="minidegree"]) { + .info { + max-width: unset; + } +}