Skip to content

Commit 06e2034

Browse files
committed
fix(select): include missing styles
1 parent 8976737 commit 06e2034

2 files changed

Lines changed: 6 additions & 3 deletions

File tree

core/src/components/select/select.md.solid.scss

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
* If the select has a validity state, the
2828
* border should reflect that as a color.
2929
*/
30+
:host(.select-expanded.select-fill-solid.ion-valid),
3031
:host(.ion-focused.select-fill-solid.ion-valid),
3132
:host(.select-fill-solid.ion-touched.ion-invalid) {
3233
--border-color: var(--highlight-color);
@@ -58,7 +59,7 @@
5859
:host(.select-fill-solid.select-expanded),
5960
:host(.select-fill-solid.ion-focused) {
6061
--background: #{$background-color-step-150};
61-
--border-color: #{$background-color-step-750};
62+
--border-color: var(--highlight-color);
6263
}
6364

6465
:host(.select-fill-solid) .select-wrapper {

core/src/components/select/select.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -308,7 +308,9 @@ button {
308308
* highlight when the select is blurred.
309309
*/
310310
:host(.ion-focused.ion-valid),
311-
:host(.ion-touched.ion-invalid) {
311+
:host(.select-expanded.ion-valid),
312+
:host(.ion-touched.ion-invalid),
313+
:host(.select-expanded.ion-touched.ion-invalid) {
312314
--border-color: var(--highlight-color);
313315
}
314316

@@ -320,7 +322,7 @@ button {
320322
* present on the select. Otherwise the helper text should
321323
* be shown.
322324
*/
323-
.select-bottom .error-text {
325+
.select-bottom .error-text {
324326
display: none;
325327

326328
color: var(--highlight-color-invalid);

0 commit comments

Comments
 (0)