diff --git a/.changeset/fix-form-select-icon-padding.md b/.changeset/fix-form-select-icon-padding.md new file mode 100644 index 000000000..d3a4a7bff --- /dev/null +++ b/.changeset/fix-form-select-icon-padding.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fixed `.input-icon` inline-start padding for `.form-select` by updating the selector from `:not(:last-child)` to `:not(:first-child)`. diff --git a/.changeset/fix-steps-mobile-overflow.md b/.changeset/fix-steps-mobile-overflow.md new file mode 100644 index 000000000..6f26a4895 --- /dev/null +++ b/.changeset/fix-steps-mobile-overflow.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Fixed `.steps` horizontal overflow on small screens by enabling scrollable overflow below the `sm` breakpoint. diff --git a/core/scss/ui/_steps.scss b/core/scss/ui/_steps.scss index 4f747aa40..dbabd78aa 100644 --- a/core/scss/ui/_steps.scss +++ b/core/scss/ui/_steps.scss @@ -14,19 +14,14 @@ padding: 0; margin: 0; list-style: none; -} -// -// Steps responsive (mobile) -// -@media (max-width: 576px) { - .steps { + + @include media-breakpoint-down(sm) { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; } } - @each $name, $color in $extra-colors { .steps-#{$name} { --#{$prefix}steps-color: var(--#{$prefix}#{$name}); diff --git a/core/scss/ui/forms/_form-icon.scss b/core/scss/ui/forms/_form-icon.scss index 83e8e56c4..f76dcecd1 100644 --- a/core/scss/ui/forms/_form-icon.scss +++ b/core/scss/ui/forms/_form-icon.scss @@ -12,7 +12,7 @@ Icon input } .form-control:not(:first-child), - .form-select:not(:last-child) { + .form-select:not(:first-child) { padding-inline-start: 2.5rem; } }