diff --git a/core/src/components/input/input.ios.scss b/core/src/components/input/input.ios.scss index 90ae0c842f..35dc4aee51 100644 --- a/core/src/components/input/input.ios.scss +++ b/core/src/components/input/input.ios.scss @@ -37,3 +37,25 @@ :host(.input-disabled) { opacity: #{$input-ios-disabled-opacity}; } + +// Start/End Slots +// ---------------------------------------------------------------- + +/** + * Slotted buttons have a lot of default padding that can + * cause them to look misaligned from other pieces such + * as the control's label, especially when using a clear + * fill. We also make them circular to ensure that non- + * clear buttons and the focus/hover state on clear ones + * don't look too crowded. + */ +::slotted(ion-button[slot="start"].button-has-icon-only), +::slotted(ion-button[slot="end"].button-has-icon-only) { + --border-radius: 50%; + --padding-start: 0; + --padding-end: 0; + --padding-top: 0; + --padding-bottom: 0; + + aspect-ratio: 1; +} diff --git a/core/src/components/input/input.md.scss b/core/src/components/input/input.md.scss index 4c5d990674..97c65cd59d 100644 --- a/core/src/components/input/input.md.scss +++ b/core/src/components/input/input.md.scss @@ -117,3 +117,27 @@ :host(.input-shape-round) { --border-radius: 16px; } + +// Start/End Slots +// ---------------------------------------------------------------- + +/** + * Slotted buttons have a lot of default padding that can + * cause them to look misaligned from other pieces such + * as the control's label, especially when using a clear + * fill. We also make them circular to ensure that non- + * clear buttons and the focus/hover state on clear ones + * don't look too crowded. + */ +::slotted(ion-button[slot="start"].button-has-icon-only), +::slotted(ion-button[slot="end"].button-has-icon-only) { + --border-radius: 50%; + --padding-start: 8px; + --padding-end: 8px; + --padding-top: 8px; + --padding-bottom: 8px; + + aspect-ratio: 1; + + min-height: 40px; +} diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss index 7ebfb52680..a62b308c4a 100644 --- a/core/src/components/input/input.scss +++ b/core/src/components/input/input.scss @@ -659,8 +659,10 @@ ::slotted([slot="start"]) { margin-inline-end: $form-control-label-margin; + margin-inline-start: 0; } ::slotted([slot="end"]) { margin-inline-start: $form-control-label-margin; + margin-inline-end: 0; } diff --git a/core/src/components/input/test/slot/input.e2e.ts b/core/src/components/input/test/slot/input.e2e.ts index ac0d80ef35..2ad41334f2 100644 --- a/core/src/components/input/test/slot/input.e2e.ts +++ b/core/src/components/input/test/slot/input.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => { ` - lbs + + + `, config @@ -23,7 +25,9 @@ configs().forEach(({ title, screenshot, config }) => { ` - lbs + + + `, config diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png index f778245157..92715e1510 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png index bf7dc6b7a1..9e1e886db2 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Safari-linux.png index 8ace1899ce..221efa3a6f 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png index 5bd211a328..86147ea512 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png index bd73d2b148..1ce2e72b56 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Safari-linux.png index 1d85f1b326..434e7e8f7d 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Chrome-linux.png index 8970e32660..e720d883b0 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Firefox-linux.png index 12813a2c50..f63fb775d5 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Safari-linux.png index 7641e731c5..09e283054f 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Chrome-linux.png index 646d11df40..54e5ebbca8 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Firefox-linux.png index e66f7a3f55..7aee63eacf 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Safari-linux.png index 019f5aeb68..5a4de68e95 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-floating-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png index 16355a9012..061b66c3e4 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Firefox-linux.png index 8c4fb42dbf..f0890040a2 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Safari-linux.png index 8441a54b03..87a794b7d6 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png index 3b9d27fe85..3f77d0463c 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Firefox-linux.png index 467ff73f4f..013abc38e5 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Safari-linux.png index f21e37d350..b700c0e551 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Chrome-linux.png index e9f64c0d76..411ed54a4b 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Firefox-linux.png index f7eeabfab8..9bf9fbb6a0 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Safari-linux.png index 22ac0aa749..2491ca8510 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Chrome-linux.png index 83f5a80f82..298a824015 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Firefox-linux.png index bb75d1f9f8..a1376b5f54 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Safari-linux.png index 60f1e692e6..4eb6676202 100644 Binary files a/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-start-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/select.ios.scss b/core/src/components/select/select.ios.scss index 0f8232a59d..76c79ce72e 100644 --- a/core/src/components/select/select.ios.scss +++ b/core/src/components/select/select.ios.scss @@ -38,3 +38,25 @@ :host(.select-disabled) { opacity: $select-ios-disabled-opacity; } + +// Start/End Slots +// ---------------------------------------------------------------- + +/** + * Slotted buttons have a lot of default padding that can + * cause them to look misaligned from other pieces such + * as the control's label, especially when using a clear + * fill. We also make them circular to ensure that non- + * clear buttons and the focus/hover state on clear ones + * don't look too crowded. + */ +::slotted(ion-button[slot="start"].button-has-icon-only), +::slotted(ion-button[slot="end"].button-has-icon-only) { + --border-radius: 50%; + --padding-start: 0; + --padding-end: 0; + --padding-top: 0; + --padding-bottom: 0; + + aspect-ratio: 1; +} diff --git a/core/src/components/select/select.md.scss b/core/src/components/select/select.md.scss index 47fccd2858..005c54e7f7 100644 --- a/core/src/components/select/select.md.scss +++ b/core/src/components/select/select.md.scss @@ -155,3 +155,27 @@ :host(.select-disabled) { opacity: $select-md-disabled-opacity; } + +// Start/End Slots +// ---------------------------------------------------------------- + +/** + * Slotted buttons have a lot of default padding that can + * cause them to look misaligned from other pieces such + * as the control's label, especially when using a clear + * fill. We also make them circular to ensure that non- + * clear buttons and the focus/hover state on clear ones + * don't look too crowded. + */ +::slotted(ion-button[slot="start"].button-has-icon-only), +::slotted(ion-button[slot="end"].button-has-icon-only) { + --border-radius: 50%; + --padding-start: 8px; + --padding-end: 8px; + --padding-top: 8px; + --padding-bottom: 8px; + + aspect-ratio: 1; + + min-height: 40px; +} diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss index f0aa860ced..965f0a4320 100644 --- a/core/src/components/select/select.scss +++ b/core/src/components/select/select.scss @@ -592,8 +592,10 @@ button { ::slotted([slot="start"]) { margin-inline-end: $form-control-label-margin; + margin-inline-start: 0; } ::slotted([slot="end"]) { margin-inline-start: $form-control-label-margin; + margin-inline-end: 0; } diff --git a/core/src/components/select/test/slot/select.e2e.ts b/core/src/components/select/test/slot/select.e2e.ts index 613db6586d..1135c61e33 100644 --- a/core/src/components/select/test/slot/select.e2e.ts +++ b/core/src/components/select/test/slot/select.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => { ` - lbs + + + `, config @@ -23,7 +25,9 @@ configs().forEach(({ title, screenshot, config }) => { ` - lbs + + + `, config diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png index c37f1dc0a2..d9210774de 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png index 76ac34b319..c362d689d9 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Safari-linux.png index 437697cc2a..01d6d287b9 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png index afa566933c..8ec2f782ec 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png index 845dc40f59..2bd0c455b0 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Safari-linux.png index ff7fa0dfd9..26dd750ade 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png index c81529ec69..8e765c91a1 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Firefox-linux.png index 9e4b628192..283a8151e5 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Safari-linux.png index 5a8595b77a..fb86a73bc1 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Chrome-linux.png index df467de427..c348695f98 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Firefox-linux.png index f0b122c3ea..174d7e38a5 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Safari-linux.png index 879da6fd87..92c7ab0284 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-floating-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Chrome-linux.png index 0451d5194b..3c4f13cbaf 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Firefox-linux.png index 3ec8c09a7c..9bcee16940 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Safari-linux.png index 7836273f9c..3b091f32e3 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Chrome-linux.png index 9d03a02dd8..ff341ea7c9 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Firefox-linux.png index 875f4ff81d..c31d7dc49f 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Safari-linux.png index dbbe461b47..79c3aa9fa6 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png index 2ab98c6836..9e8899cdb7 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Firefox-linux.png index a9f73d9242..144a694f35 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Safari-linux.png index d1b5262f8d..588dd01c1a 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png index 19d2af060f..03e5bc58d4 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Firefox-linux.png index 7bb895e5a8..2bc4a69306 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Safari-linux.png index 10e00b7f5d..f2e37f2d17 100644 Binary files a/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/slot/select.e2e.ts-snapshots/select-slots-label-start-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts b/core/src/components/textarea/test/slot/textarea.e2e.ts index 969fd2ebe7..6adee37438 100644 --- a/core/src/components/textarea/test/slot/textarea.e2e.ts +++ b/core/src/components/textarea/test/slot/textarea.e2e.ts @@ -8,7 +8,9 @@ configs().forEach(({ title, screenshot, config }) => { ` - lbs + + + `, config @@ -23,7 +25,9 @@ configs().forEach(({ title, screenshot, config }) => { ` - lbs + + + `, config diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png index ae849d4508..626556b776 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png index 35e8c09028..8d06cc7ad8 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Safari-linux.png index 35015881b2..9e647e5482 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png index 56bbdfdcb8..a075b02493 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png index 239c72bc49..370229a519 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Safari-linux.png index bd998de174..791be12bee 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Chrome-linux.png index a6a159f264..0b8c187c5f 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Firefox-linux.png index b70ef279ba..cb769dd853 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Safari-linux.png index fda46edcdb..566349147a 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Chrome-linux.png index 3e7f6f366e..df37456e84 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Firefox-linux.png index 83c083cd1b..32ba2fca8c 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Safari-linux.png index c444ae1ccc..7caae46884 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-floating-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Chrome-linux.png index 19cdc900d8..be16c76616 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Firefox-linux.png index d95431b934..1d2793daa9 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Safari-linux.png index 03000325fa..fe7cf3bed7 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Chrome-linux.png index 4206f36716..b190c3ef2d 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Firefox-linux.png index ab353f885d..84cf6c4a16 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Safari-linux.png index 93b10e6f13..0f6c71c669 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-ios-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Chrome-linux.png index bd989b6cb2..16f1009a01 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Chrome-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Firefox-linux.png index 2116989040..fd08b3d848 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Firefox-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Safari-linux.png index 5f5a4d71db..b16d5acd0e 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-ltr-Mobile-Safari-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Chrome-linux.png index 8785595653..61ab13df40 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Chrome-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Firefox-linux.png index 348cbef015..ec8ac511ba 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Firefox-linux.png differ diff --git a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Safari-linux.png index c3e54c9d6a..7d24af4780 100644 Binary files a/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/slot/textarea.e2e.ts-snapshots/textarea-slots-label-start-md-rtl-Mobile-Safari-linux.png differ diff --git a/core/src/components/textarea/textarea.ios.scss b/core/src/components/textarea/textarea.ios.scss index b90a7d441e..3c8ec47ffc 100644 --- a/core/src/components/textarea/textarea.ios.scss +++ b/core/src/components/textarea/textarea.ios.scss @@ -40,3 +40,25 @@ :host(.textarea-disabled) { opacity: #{$textarea-ios-disabled-opacity}; } + +// Start/End Slots +// ---------------------------------------------------------------- + +/** + * Slotted buttons have a lot of default padding that can + * cause them to look misaligned from other pieces such + * as the control's label, especially when using a clear + * fill. We also make them circular to ensure that non- + * clear buttons and the focus/hover state on clear ones + * don't look too crowded. + */ +::slotted(ion-button[slot="start"].button-has-icon-only), +::slotted(ion-button[slot="end"].button-has-icon-only) { + --border-radius: 50%; + --padding-start: 0; + --padding-end: 0; + --padding-top: 0; + --padding-bottom: 0; + + aspect-ratio: 1; +} diff --git a/core/src/components/textarea/textarea.md.scss b/core/src/components/textarea/textarea.md.scss index c014bca63e..16dfa2e147 100644 --- a/core/src/components/textarea/textarea.md.scss +++ b/core/src/components/textarea/textarea.md.scss @@ -109,3 +109,27 @@ :host(.textarea-shape-round) { --border-radius: 16px; } + +// Start/End Slots +// ---------------------------------------------------------------- + +/** + * Slotted buttons have a lot of default padding that can + * cause them to look misaligned from other pieces such + * as the control's label, especially when using a clear + * fill. We also make them circular to ensure that non- + * clear buttons and the focus/hover state on clear ones + * don't look too crowded. + */ +::slotted(ion-button[slot="start"].button-has-icon-only), +::slotted(ion-button[slot="end"].button-has-icon-only) { + --border-radius: 50%; + --padding-start: 8px; + --padding-end: 8px; + --padding-top: 8px; + --padding-bottom: 8px; + + aspect-ratio: 1; + + min-height: 40px; +} diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss index d75895d593..31b080036c 100644 --- a/core/src/components/textarea/textarea.scss +++ b/core/src/components/textarea/textarea.scss @@ -753,8 +753,10 @@ ::slotted([slot="start"]) { margin-inline-end: $form-control-label-margin; + margin-inline-start: 0; } ::slotted([slot="end"]) { margin-inline-start: $form-control-label-margin; + margin-inline-end: 0; }