js/shoelace
1
0
Fork 0
mirror of https://github.com/shoelace-style/shoelace.git synced 2026-01-12 02:59:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix select prefix spacing; closes #2167

Browse Source
This commit is contained in:
Cory LaViska
2024-09-18 09:39:32 -04:00
parent e74b0f2bdc
commit f395eabc3d
2 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/pages/resources/changelog.md
View File

@@ -19,6 +19,7 @@ New versions of Shoelace are released as-needed and generally occur when a criti
- Fixed a bug that caused errors to show in the console when components disconnect before before `firstUpdated()` executes [#2127]
- Fixed a bug that made pagination work incorrectly in `<sl-carousel>` [#2155]
- Fixed a bug in `<sl-tab-group>` that caused the active tab indicator to be the wrong size when the tab's content changes [#2164]
- Fixed a bug in `<sl-select>` that caused the prefix icon to have incorrect spacing [#2167]
## 2.16.0

12
src/components/select/select.styles.ts
View File

@@ -176,6 +176,10 @@ export default css`
margin-inline-end: var(--sl-input-spacing-small);
}
.select--small.select--multiple .select__prefix::slotted(*) {
margin-inline-start: var(--sl-input-spacing-small);
}
.select--small.select--multiple:not(.select--placeholder-visible) .select__combobox {
padding-block: 2px;
padding-inline-start: 0;
@@ -201,6 +205,10 @@ export default css`
margin-inline-end: var(--sl-input-spacing-medium);
}
.select--medium.select--multiple .select__prefix::slotted(*) {
margin-inline-start: var(--sl-input-spacing-medium);
}
.select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox {
padding-inline-start: 0;
padding-block: 3px;
@@ -226,6 +234,10 @@ export default css`
margin-inline-end: var(--sl-input-spacing-large);
}
.select--large.select--multiple .select__prefix::slotted(*) {
margin-inline-start: var(--sl-input-spacing-large);
}
.select--large.select--multiple:not(.select--placeholder-visible) .select__combobox {
padding-inline-start: 0;
padding-block: 4px;