Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-12 16:44:21 +04:00
Code Issues Projects Releases Wiki Activity

Fix card tab corners and update status strip size (#2683)

Browse Source
This commit is contained in:
Paweł Kuna
2026-07-08 10:26:21 +02:00
committed by GitHub
parent 9c78cf68c4
commit 70ec6838d1
5 changed files with 23 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/fix-card-tab-border-radius.md
+5
View File
@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fixed card corner radius in tab layouts when tabs sit above or below tab content.
.changeset/update-card-status-size.md
+5
View File
@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Updated `$card-status-size` default from `$border-width-wide` to `3px`.
core/scss/_variables.scss
+1 -1
View File
@@ -1257,7 +1257,7 @@ $card-bg-hover: $white !default;
$card-img-overlay-padding: $spacer !default;
$card-group-margin: 1.5rem !default;
$card-status-size: $border-width-wide !default;
$card-status-size: 3px !default;
$card-stamp-opacity: 0.2 !default;
core/scss/mixins/bootstrap/_border-radius.scss
+6 -6
View File
@@ -34,12 +34,12 @@
@if $enable-rounded {
border-radius: valid-radius($radius);
@if $radius != 0 {
@supports (corner-shape: squircle) {
corner-shape: squircle;
border-radius: squircle-radius($radius) !important;
}
}
// @if $radius != 0 {
// @supports (corner-shape: squircle) {
// corner-shape: squircle;
// border-radius: squircle-radius($radius) !important;
// }
// }
} @else if $fallback-border-radius != false {
border-radius: $fallback-border-radius;
}
core/scss/ui/_cards.scss
+6 -1
View File
@@ -652,7 +652,12 @@ Card list group
.nav-tabs + .tab-content .card {
border-end-start-radius: var(--#{$prefix}card-border-radius);
border-start-start-radius: 0;
border-start-start-radius: 0 !important;
}
.tab-content:has(+ .nav-tabs) .card {
border-start-start-radius: var(--#{$prefix}card-border-radius);
border-end-start-radius: 0 !important;
}
}