File tree Expand file tree Collapse file tree
core/src/components/select Expand file tree Collapse file tree Original file line number Diff line number Diff line change 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 );
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 {
Original file line number Diff line number Diff 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 );
You can’t perform that action at this time.
0 commit comments