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

fix(input) match invalid state to ionic design (#29291)

Browse Source 
Co-authored-by: Sean Perkins <13732623+sean-perkins@users.noreply.github.com>
This commit is contained in:
Maria Hutt
2024-04-11 09:51:42 -07:00
committed by GitHub
parent 3d7b669e37
commit 96e5b2be57
20 changed files with 58 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/input/input.ionic.scss
View File

@ -8,9 +8,8 @@
:host {
--border-width: #{$ionic-border-size-small};
--border-color: #{$ionic-color-neutral-300};
// TODO(FW-6113): Verify the ionic design token is correct once it's available and remove the hardcoded value.
--highlight-color-invalid: var(--ionic-color-error-600, #970606);
--highlight-color-invalid: #{$ionic-color-error-400};
--text-color-invalid: #{$ionic-color-error-600};
}
// Ionic Input Sizes
@ -28,6 +27,6 @@
color: var(--ionic-color-neutral-600, #535353);
}
.input-bottom .error-text {
color: var(--highlight-color-invalid);
:host(.ion-touched.ion-invalid) .error-text {
color: var(--text-color-invalid);
}