From 10884d1e88230887fd8a952e1b30f47ffdfa0b99 Mon Sep 17 00:00:00 2001 From: Raphael Mattos Date: Tue, 26 Sep 2023 19:16:19 -0300 Subject: [PATCH] fix(cxl-ui): fix course card slotted text styles --- packages/cxl-ui/scss/cxl-course-card.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/cxl-ui/scss/cxl-course-card.scss b/packages/cxl-ui/scss/cxl-course-card.scss index 668ff393b..cacfc5697 100644 --- a/packages/cxl-ui/scss/cxl-course-card.scss +++ b/packages/cxl-ui/scss/cxl-course-card.scss @@ -1,4 +1,6 @@ /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix -- some of these are necessary for line-clamp implementation */ +/* stylelint-disable declaration-no-important */ + @use "~@conversionxl/cxl-ui/scss/mixins"; :host { @@ -14,9 +16,9 @@ header .name { } .content-wrapper { + height: 100%; min-height: calc(var(--lumo-line-height-s) * 6); // Six standard line-heights line-height: var(--lumo-line-height-s); - height: 100%; .content { @include mixins.ellipsis-for-lines(5); @@ -24,6 +26,7 @@ header .name { ::slotted(p) { margin-top: 0 !important; margin-bottom: 0 !important; + font-family: var(--lumo-font-family) !important; } } @@ -40,8 +43,8 @@ header .name { } footer { - display: flex; position: relative; + display: flex; justify-content: end; vaadin-details[theme="reverse"] {