EVOgeek
/
Vmeda.Online
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3814 styles: Change chip text colors and completion chips

main
Pau Ferrer Ocaña 2022-03-18 09:18:52 +01:00
parent cb2d2d1813
commit 43ed7495bf
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/core/features/course/components/module-completion/core-course-module-completion.html
View File

@ -21,7 +21,7 @@
</ion-label> </ion-label>
</ion-chip> </ion-chip>
<ion-chip *ngIf="rule.statusincomplete" color="dark" role="listitem" [attr.aria-label]="rule.accessibleDescription" <ion-chip *ngIf="rule.statusincomplete" color="secondary" role="listitem" [attr.aria-label]="rule.accessibleDescription"
class="completioninfo completion_incomplete"> class="completioninfo completion_incomplete">
<ion-icon name="fas-edit" [attr.aria-label]="'core.course.completion_automatic:todo' | translate "></ion-icon> <ion-icon name="fas-edit" [attr.aria-label]="'core.course.completion_automatic:todo' | translate "></ion-icon>
<ion-label> <ion-label>
@ -42,7 +42,7 @@
</div> </div>
<ng-container *ngIf="mode == 'basic' && completion.istrackeduser"> <ng-container *ngIf="mode == 'basic' && completion.istrackeduser">
<ion-chip class="completioninfo completion_incomplete" *ngIf="completionStatus === 0" color="dark"> <ion-chip class="completioninfo completion_incomplete" *ngIf="completionStatus === 0" color="secondary">
<ion-icon name="fas-edit" aria-hidden="true"></ion-icon> <ion-icon name="fas-edit" aria-hidden="true"></ion-icon>
<ion-label> <ion-label>
{{ 'core.course.todo' | translate }} {{ 'core.course.todo' | translate }}

12
src/theme/theme.base.scss
View File

@ -985,6 +985,18 @@ ion-chip {
color: var(--ion-color-base); color: var(--ion-color-base);
} }
} }
&.ion-color {
&.ion-color-light,
&.ion-color-medium,
&.ion-color-dark,
&.ion-color-secondary {
color: var(--gray-900);
&.chip-outline {
color: var(--text-color);
}
}
}
} }
ion-searchbar { ion-searchbar {