From 0e67f859957b09992906939e3dffb29ad6cbf34f Mon Sep 17 00:00:00 2001 From: Buni48 <37407974+Buni48@users.noreply.github.com> Date: Fri, 14 Oct 2022 15:36:11 +0300 Subject: [PATCH] Fixed applying border radius to card header (#934) * fixed applying border radius to card header * updated changelog Co-authored-by: Cory LaViska --- docs/resources/changelog.md | 3 ++- src/components/card/card.styles.ts | 5 +++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/docs/resources/changelog.md b/docs/resources/changelog.md index 1aef0fce..0536fe8b 100644 --- a/docs/resources/changelog.md +++ b/docs/resources/changelog.md @@ -10,8 +10,9 @@ _During the beta period, these restrictions may be relaxed in the event of a mis ## Next -- Improved `` so it renders relative to the current font size and improved padding - Added `button--checked` to `` and `control--checked` to `` to style just the checked state [#933](https://github.com/shoelace-style/shoelace/pull/933) +- Fixed a bug in `` that prevented the border radius to apply correctly to the header [#934](https://github.com/shoelace-style/shoelace/pull/934) +- Improved `` so it renders relative to the current font size and improved padding ## 2.0.0-beta.83 diff --git a/src/components/card/card.styles.ts b/src/components/card/card.styles.ts index 817ca597..c138a77f 100644 --- a/src/components/card/card.styles.ts +++ b/src/components/card/card.styles.ts @@ -47,6 +47,11 @@ export default css` display: none; } + .card:not(.card--has-image) .card__header { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius); + } + .card__body { padding: var(--padding); }