CIT/Vmeda.Online
3
0
Fork 1
forked from EVOgeek/Vmeda.Online
Code Pull Requests Activity

MOBILE-4362 completion: Improve button sizes

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2023-10-05 12:47:18 +02:00
parent ebd4eec500
commit a12d5ef66f
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

2
src/core/features/course/components/module/module.scss
View File

@ -55,7 +55,7 @@
flex-flow: row; flex-flow: row;
align-items: center; align-items: center;
z-index: 1; z-index: 1;
justify-content: space-around; justify-content: flex-end;
align-content: center; align-content: center;
ion-button.core-module-button-more { ion-button.core-module-button-more {