The component UserCardBody.vue is applying the correct style, though the class setting is not deep enough and .cdx-icon may overwrite the custom color back to default.
Let's make sure the styles in UserCardBody.vue are deep enough so it overwrites the default from .cdx-icon
.ext-checkuser-userinfocard-icon {
margin-right: @spacing-25;
color: var(--color-subtle);
}
.ext-checkuser-userinfocard-icon.ext-checkuser-userinfocard-icon-blocks {
color: var(--color-icon-warning);
}| Subject | Author | Repo | Branch | Lines +/- | |
|---|---|---|---|---|---|
| UserCardBody.vue: Enforce icon color on data points | Mimurawil | mediawiki/extensions/CheckUser | master | +8 -4 |
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | KColeman-WMF | T384725 [Epic] WE4.2.18 UserInfoCard experiment for assisting patrollers and moderators | |||
| Resolved | SimoneThisDot | T386437 [Epic] UserInfoCard: Build Vue components for displaying the button and popover contents | |||
| Resolved | Mimurawil | T393417 UserInfoCard: Display card header and basic user information | |||
| Resolved | Mimurawil | T393946 UserInfoCard: Add links to user information | |||
| Resolved | Mimurawil | T397988 UserInfoCard: Data point icon style should have --color-subtle |
Change #1164311 had a related patch set uploaded (by Mimurawil; author: Mimurawil):
[mediawiki/extensions/CheckUser@master] UserCardBody.vue: Enforce icon color on data points
Change #1164311 merged by jenkins-bot:
[mediawiki/extensions/CheckUser@master] UserCardBody.vue: Enforce icon color on data points