MOBILE-3039 lesson: Wrap text in buttons

main
Albert Gasset 2019-06-03 11:54:00 +02:00
parent 55fe415c53
commit 35656ab1e0
2 changed files with 6 additions and 6 deletions

View File

@ -108,7 +108,7 @@
</ng-container> </ng-container>
<ion-item> <ion-item>
<button ion-button block (click)="submitQuestion($event)" class="button-no-uppercase">{{ question.submitLabel }}</button> <button ion-button block text-wrap (click)="submitQuestion($event)" class="button-no-uppercase">{{ question.submitLabel }}</button>
</ion-item> </ion-item>
</form> </form>
</ion-card> </ion-card>
@ -175,7 +175,7 @@
<core-format-text [text]="eolData.displayofgrade.message"></core-format-text> <core-format-text [text]="eolData.displayofgrade.message"></core-format-text>
</ion-item> </ion-item>
<ion-item text-wrap *ngIf="eolData.reviewlesson"> <ion-item text-wrap *ngIf="eolData.reviewlesson">
<a ion-button block (click)="reviewLesson(eolData.reviewlesson.pageid)" class="button-no-uppercase"> <a ion-button block text-wrap (click)="reviewLesson(eolData.reviewlesson.pageid)" class="button-no-uppercase">
<core-format-text [text]="'addon.mod_lesson.reviewlesson' | translate"></core-format-text> <core-format-text [text]="'addon.mod_lesson.reviewlesson' | translate"></core-format-text>
</a> </a>
</ion-item> </ion-item>
@ -185,7 +185,7 @@
<ion-item text-wrap *ngIf="eolData.activitylink && eolData.activitylink.value"> <ion-item text-wrap *ngIf="eolData.activitylink && eolData.activitylink.value">
<ng-container *ngIf="eolData.activitylink.value.formatted"> <ng-container *ngIf="eolData.activitylink.value.formatted">
<!-- Activity link was successfully formatted, render the button. --> <!-- Activity link was successfully formatted, render the button. -->
<a ion-button block color="light" [href]="eolData.activitylink.value.href" core-link [capture]="true" class="button-no-uppercase"> <a ion-button block text-wrap color="light" [href]="eolData.activitylink.value.href" core-link [capture]="true" class="button-no-uppercase">
<core-format-text [text]="eolData.activitylink.value.label"></core-format-text> <core-format-text [text]="eolData.activitylink.value.label"></core-format-text>
</a> </a>
</ng-container> </ng-container>
@ -212,8 +212,8 @@
</div> </div>
</ion-item> </ion-item>
<ion-item text-wrap *ngIf="review || (processData.buttons && processData.buttons.length)"> <ion-item text-wrap *ngIf="review || (processData.buttons && processData.buttons.length)">
<a ion-button block color="light" *ngIf="review" (click)="changePage(LESSON_EOL)">{{ 'addon.mod_lesson.finish' | translate }}</a> <a ion-button block text-wrap color="light" *ngIf="review" (click)="changePage(LESSON_EOL)">{{ 'addon.mod_lesson.finish' | translate }}</a>
<a ion-button block color="light" *ngFor="let button of processData.buttons" (click)="changePage(button.pageId, true)">{{ button.label | translate }}</a> <a ion-button block text-wrap color="light" *ngFor="let button of processData.buttons" (click)="changePage(button.pageId, true)">{{ button.label | translate }}</a>
</ion-item> </ion-item>
</ion-list> </ion-list>
</div> </div>

View File

@ -78,7 +78,7 @@
<!-- Content page, display a button and the content. --> <!-- Content page, display a button and the content. -->
<ion-row> <ion-row>
<ion-col> <ion-col>
<button ion-button block color="light" [disabled]="true">{{ answer[0].buttonText }}</button> <button ion-button block text-wrap color="light" [disabled]="true">{{ answer[0].buttonText }}</button>
</ion-col> </ion-col>
<ion-col> <ion-col>
<p [innerHTML]="answer[0].content"></p> <p [innerHTML]="answer[0].content"></p>