Merge pull request #4056 from dpalou/MOBILE-4470

Mobile 4470
moodlehq · May 22, 2024 · 37e736e · 37e736e
2 parents e8457e8 + 47e9f07
commit 37e736e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/addons/qtype/match/component/match.scss b/src/addons/qtype/match/component/match.scss
@@ -5,10 +5,12 @@
 
     .addon-qtype-match-correct {
         color: var(--success);
+        --subdued-text-color: var(--success);
     }
 
     .addon-qtype-match-incorrect {
         color: var(--danger);
+        --subdued-text-color: var(--danger);
     }
 
     ion-select::part(label) {

diff --git a/src/core/features/course/components/module-completion/core-course-module-completion.html b/src/core/features/course/components/module-completion/core-course-module-completion.html
@@ -1,15 +1,15 @@
 <ng-container *ngIf="showCompletionInfo && completion">
     <ng-container *ngIf="completion.istrackeduser">
         <ng-container *ngIf="completion.isautomatic">
-            <ion-button class="completioninfo completion_incomplete chip" *ngIf="!completed" fill="outline"
+            <ion-button class="completioninfo completion_incomplete chip ion-text-nowrap" *ngIf="!completed" fill="outline"
                 (click)="completionClicked($event)">
                 {{ 'core.course.todo' | translate }}
                 <div class="select-icon" role="presentation" aria-hidden="true">
                     <div class="select-icon-inner"></div>
                 </div>
             </ion-button>
 
-            <ion-button class="completioninfo completion_complete chip" color="success" (click)="completionClicked($event)"
+            <ion-button class="completioninfo completion_complete chip ion-text-nowrap" color="success" (click)="completionClicked($event)"
                 *ngIf="completed">
                 <ion-icon name="fas-check" slot="start" aria-hidden="true" />
                 {{'core.course.done' | translate }}
@@ -21,22 +21,22 @@
 
         <ng-container *ngIf="!completion.isautomatic">
             <ion-button *ngIf="completed" color="success" [ariaLabel]="accessibleDescription" (click)="completionClicked($event)"
-                class="completioninfo completion_complete chip">
+                class="completioninfo completion_complete chip ion-text-nowrap">
                 <ion-icon name="fas-check" slot="start" aria-hidden="true" />
                 {{ 'core.course.completion_manual:done' | translate }}
                 <ion-icon *ngIf="completion.offline" name="fas-arrows-rotate"
                     [attr.aria-label]="'core.course.manualcompletionnotsynced' | translate" slot="end" />
             </ion-button>
             <ion-button *ngIf="!completed" fill="outline" [ariaLabel]="accessibleDescription" (click)="completionClicked($event)"
-                class="completioninfo completion_incomplete chip">
+                class="completioninfo completion_incomplete chip ion-text-nowrap">
                 {{ 'core.course.completion_manual:markdone' | translate }}
                 <ion-icon *ngIf="completion.offline" name="fas-arrows-rotate"
                     [attr.aria-label]="'core.course.manualcompletionnotsynced' | translate" slot="end" />
             </ion-button>
         </ng-container>
     </ng-container>
 
-    <ion-button *ngIf="!completion.istrackeduser" fill="outline" class="chip" (click)="completionClicked($event)">
+    <ion-button *ngIf="!completion.istrackeduser" fill="outline" class="chip ion-text-nowrap" (click)="completionClicked($event)">
         {{ 'core.course.completionmenuitem' | translate }}
         <div class="select-icon" role="presentation" aria-hidden="true">
             <div class="select-icon-inner"></div>