javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(input, select, textarea): border color is set on host (#26941)

Browse Source
This commit is contained in:
Liam DeBeasi
2023-03-09 15:24:43 -05:00
committed by GitHub
parent f71d9b1101
commit 4810e6f2ac
6 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/input/input.md.scss
View File

@ -47,8 +47,8 @@
* If the input has a validity state, the * If the input has a validity state, the
* border and label should reflect that as a color. * border and label should reflect that as a color.
*/ */
:host(.ion-touched.ion-valid) .input-bottom, :host(.ion-touched.ion-valid),
:host(.ion-touched.ion-invalid) .input-bottom { :host(.ion-touched.ion-invalid) {
--border-color: var(--highlight-color); --border-color: var(--highlight-color);
} }

4
core/src/components/input/input.md.solid.scss
View File

@ -25,8 +25,8 @@
* If the input has a validity state, the * If the input has a validity state, the
* border should reflect that as a color. * border should reflect that as a color.
*/ */
:host(.input-fill-solid.ion-touched.ion-valid) .input-wrapper, :host(.input-fill-solid.ion-touched.ion-valid),
:host(.input-fill-solid.ion-touched.ion-invalid) .input-wrapper { :host(.input-fill-solid.ion-touched.ion-invalid) {
--border-color: var(--highlight-color); --border-color: var(--highlight-color);
} }

4
core/src/components/input/input.scss
View File

@ -347,8 +347,8 @@
* If the input has a validity state, the * If the input has a validity state, the
* border and label should reflect that as a color. * border and label should reflect that as a color.
*/ */
:host(.ion-touched.ion-valid) .input-bottom, :host(.ion-touched.ion-valid),
:host(.ion-touched.ion-invalid) .input-bottom { :host(.ion-touched.ion-invalid) {
--border-color: var(--highlight-color); --border-color: var(--highlight-color);
} }

4
core/src/components/select/select.md.solid.scss
View File

@ -25,8 +25,8 @@
* If the select has a validity state, the * If the select has a validity state, the
* border should reflect that as a color. * border should reflect that as a color.
*/ */
:host(.select-fill-solid.ion-touched.ion-valid) .select-wrapper, :host(.select-fill-solid.ion-touched.ion-valid),
:host(.select-fill-solid.ion-touched.ion-invalid) .select-wrapper { :host(.select-fill-solid.ion-touched.ion-invalid) {
--border-color: var(--highlight-color); --border-color: var(--highlight-color);
} }

4
core/src/components/textarea/textarea.md.solid.scss
View File

@ -25,8 +25,8 @@
* If the textarea has a validity state, the * If the textarea has a validity state, the
* border should reflect that as a color. * border should reflect that as a color.
*/ */
:host(.textarea-fill-solid.ion-touched.ion-valid) .textarea-wrapper, :host(.textarea-fill-solid.ion-touched.ion-valid),
:host(.textarea-fill-solid.ion-touched.ion-invalid) .textarea-wrapper { :host(.textarea-fill-solid.ion-touched.ion-invalid) {
--border-color: var(--highlight-color); --border-color: var(--highlight-color);
} }

4
core/src/components/textarea/textarea.scss
View File

@ -366,8 +366,8 @@
* If the textarea has a validity state, the * If the textarea has a validity state, the
* border and label should reflect that as a color. * border and label should reflect that as a color.
*/ */
:host(.ion-touched.ion-valid) .textarea-bottom, :host(.ion-touched.ion-valid),
:host(.ion-touched.ion-invalid) .textarea-bottom { :host(.ion-touched.ion-invalid) {
--border-color: var(--highlight-color); --border-color: var(--highlight-color);
} }