javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(item): form validation caret color renders correctly (#25725)

Browse Source 
resolves #25719
This commit is contained in:
Liam DeBeasi
2022-08-10 15:12:51 -05:00
committed by GitHub
parent 3ac667ca83
commit de20541486
3 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/item/item.md.scss
View File

@@ -103,7 +103,7 @@
}
:host(.item-has-focus) .item-native {
caret-color: var(--highlight-color-focused);
caret-color: var(--highlight-background);
}
// Material Design Item Lines

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

@@ -390,10 +390,6 @@ button, a {
pointer-events: none;
}
:host(.item-interactive.item-has-focus) .item-native {
caret-color: var(--highlight-background);
}
// Item Input Focused
// --------------------------------------------------

8
core/src/components/item/test/fill/index.html
View File

@@ -78,7 +78,7 @@
</ion-item>
</ion-col>
<ion-col>
<ion-item class="ion-invalid" fill="solid">
<ion-item class="ion-valid" fill="solid">
<ion-label position="floating">Standard</ion-label>
<ion-icon slot="end" name="trash"></ion-icon>
<ion-input></ion-input>
@@ -134,7 +134,7 @@
</ion-item>
</ion-col>
<ion-col>
<ion-item class="ion-invalid" fill="solid" shape="round">
<ion-item class="ion-valid" fill="solid" shape="round">
<ion-label position="floating">Standard</ion-label>
<ion-icon slot="end" name="trash"></ion-icon>
<ion-input></ion-input>
@@ -190,7 +190,7 @@
</ion-item>
</ion-col>
<ion-col>
<ion-item class="ion-invalid" fill="outline">
<ion-item class="ion-valid" fill="outline">
<ion-label position="floating">Standard</ion-label>
<ion-icon slot="end" name="trash"></ion-icon>
<ion-input></ion-input>
@@ -246,7 +246,7 @@
</ion-item>
</ion-col>
<ion-col>
<ion-item class="ion-invalid" fill="outline" shape="round">
<ion-item class="ion-valid" fill="outline" shape="round">
<ion-label position="floating">Standard</ion-label>
<ion-icon slot="end" name="trash"></ion-icon>
<ion-input></ion-input>