From 3aba62e6529d6d6e27a7c2c9fffae13217c5ce60 Mon Sep 17 00:00:00 2001 From: Aastha Gupta <100745494+aastha-cse@users.noreply.github.com> Date: Thu, 27 Nov 2025 00:01:42 +0530 Subject: [PATCH] fix: add border-top-radius to card table first/last cells (#2505) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com> --- .changeset/many-dogs-rest.md | 6 ++++++ core/scss/ui/_cards.scss | 9 +++++++++ 2 files changed, 15 insertions(+) create mode 100644 .changeset/many-dogs-rest.md diff --git a/.changeset/many-dogs-rest.md b/.changeset/many-dogs-rest.md new file mode 100644 index 000000000..b587201f8 --- /dev/null +++ b/.changeset/many-dogs-rest.md @@ -0,0 +1,6 @@ +--- +"@tabler/core": patch +--- + +Added `border-top-left-radius` and `border-top-right-radius` to first and last child elements in `.card-table` for proper corner rounding. + diff --git a/core/scss/ui/_cards.scss b/core/scss/ui/_cards.scss index 18e9cdfe2..d48fe84ff 100644 --- a/core/scss/ui/_cards.scss +++ b/core/scss/ui/_cards.scss @@ -411,6 +411,15 @@ Card table td, th { &:first-child { + padding-left: $card-spacer-x; + border-left: 0; + border-top-left-radius: var(--#{$prefix}card-border-radius); + } + + &:last-child { + padding-right: $card-spacer-x; + border-right: 0; + border-top-right-radius: var(--#{$prefix}card-border-radius); padding-inline-start: $card-spacer-x; border-inline-start: 0; }