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

feat(input): add styles for counter text on ionic theme (#29516)

Browse Source 
Issue number: internal

---------

## What is the current behavior?
The counter text for the ionic theme does not have added styles.

## What is the new behavior?
- Updates the `color` of the counter text to match the design
- Updates the screenshots that were changed with this update

## Does this introduce a breaking change?
- [ ] Yes
- [x] No
This commit is contained in:
Brandy Carney
2024-05-17 14:40:39 -04:00
committed by GitHub
parent 916d8a455f
commit bf8dfdb5b1
62 changed files with 113 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -113,15 +113,16 @@
font-weight: var(--ionic-font-weight-medium, 500);
}
// Input Hint Text
// Input Bottom Text
// ----------------------------------------------------------------
.input-bottom .helper-text {
.input-bottom .helper-text,
.input-bottom .counter {
color: tokens.$ionic-color-neutral-600;
}
:host(.has-focus.ion-valid) .helper-text {
color: #{tokens.$ionic-color-success-800};
color: tokens.$ionic-color-success-800;
}
:host(.ion-touched.ion-invalid) .error-text {