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

test(radio-group): fix custom css

Browse Source
This commit is contained in:
Brandy Smith
2025-03-04 10:17:02 -05:00
parent 1e925bab45
commit 5c8a1abbdf
2 changed files with 35 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
core/src/components/radio-group/test/supporting-text/index.html
View File

@@ -30,6 +30,12 @@
ion-radio {
width: 100%;
}
.custom .helper-text {
color: green;
}
.custom .error-text {
color: purple;
}
</style>
</head>
@@ -154,6 +160,33 @@
</ion-radio-group>
</ion-list>
</div>
<div class="grid-item">
<h2>Helper Text: Custom</h2>
<ion-radio-group value="1" helper-text="Helper text" error-text="Error text" class="custom">
<ion-radio value="1">Label</ion-radio>
<ion-radio value="2">Label</ion-radio>
<ion-radio value="3">Label</ion-radio>
<ion-radio value="4">Label</ion-radio>
<ion-radio value="5">Label</ion-radio>
</ion-radio-group>
</div>
<div class="grid-item">
<h2>Error Text: Custom</h2>
<ion-radio-group
value="1"
helper-text="Helper text"
error-text="Error text"
class="custom ion-invalid ion-touched"
>
<ion-radio value="1">Label</ion-radio>
<ion-radio value="2">Label</ion-radio>
<ion-radio value="3">Label</ion-radio>
<ion-radio value="4">Label</ion-radio>
<ion-radio value="5">Label</ion-radio>
</ion-radio-group>
</div>
</div>
<button onclick="toggleValid()" class="expand">Toggle error</button>

4
core/src/components/radio-group/test/supporting-text/radio-group.e2e.ts
View File

@@ -201,7 +201,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
font-size: 20px;
}
.helper-text {
.radio-group-top .helper-text {
color: green;
}
</style>
@@ -226,7 +226,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, screenshot, co
font-size: 20px;
}
.error-text {
.radio-group-top .error-text {
color: purple;
}
</style>