MOBILE-2870 feedback: Solve cut buttons in columns

main
Pau Ferrer Ocaña 2020-04-20 12:21:53 +02:00
parent 333f3f7188
commit 8e9a841a8c
2 changed files with 15 additions and 15 deletions

View File

@ -108,18 +108,18 @@
</ion-item> </ion-item>
<ion-grid> <ion-grid>
<ion-row align-items-center> <ion-row align-items-center>
<ion-col> <ion-col col-12 [attr.col-sm-6]="(access.cancomplete && access.cansubmit && access.isopen) || null">
<button ion-button block outline icon-start (click)="gotoAnswerQuestions(true)"> <button ion-button block outline icon-start (click)="gotoAnswerQuestions(true)" text-wrap>
<ion-icon name="search"></ion-icon> <ion-icon name="search"></ion-icon>
{{ 'addon.mod_feedback.preview' | translate }} {{ 'addon.mod_feedback.preview' | translate }}
</button> </button>
</ion-col> </ion-col>
<ion-col *ngIf="access.cancomplete && access.cansubmit && access.isopen"> <ion-col *ngIf="access.cancomplete && access.cansubmit && access.isopen" col-12 col-sm-6>
<button ion-button block icon-end *ngIf="!goPage" (click)="gotoAnswerQuestions()"> <button ion-button block icon-end *ngIf="!goPage" (click)="gotoAnswerQuestions()" text-wrap>
{{ 'addon.mod_feedback.complete_the_form' | translate }} {{ 'addon.mod_feedback.complete_the_form' | translate }}
<ion-icon name="arrow-forward"></ion-icon> <ion-icon name="arrow-forward"></ion-icon>
</button> </button>
<button ion-button block icon-end *ngIf="goPage" (click)="gotoAnswerQuestions()"> <button ion-button block icon-end *ngIf="goPage" (click)="gotoAnswerQuestions()" text-wrap>
{{ 'addon.mod_feedback.continue_the_form' | translate }} {{ 'addon.mod_feedback.continue_the_form' | translate }}
<ion-icon name="arrow-forward"></ion-icon> <ion-icon name="arrow-forward"></ion-icon>
</button> </button>

View File

@ -67,20 +67,20 @@
</ng-container> </ng-container>
<ion-grid *ngIf="!preview"> <ion-grid *ngIf="!preview">
<ion-row align-items-center> <ion-row align-items-center>
<ion-col *ngIf="hasPrevPage"> <ion-col *ngIf="hasPrevPage" col-12 col-sm-6>
<button ion-button block outline icon-start (click)="gotoPage(true)"> <button ion-button block outline icon-start (click)="gotoPage(true)" text-wrap>
<ion-icon name="arrow-back"></ion-icon> <ion-icon name="arrow-back"></ion-icon>
{{ 'addon.mod_feedback.previous_page' | translate }} {{ 'addon.mod_feedback.previous_page' | translate }}
</button> </button>
</ion-col> </ion-col>
<ion-col *ngIf="hasNextPage"> <ion-col *ngIf="hasNextPage" col-12 [attr.col-sm-6]="(hasPrevPage) || null">
<button ion-button block icon-end (click)="gotoPage(false)"> <button ion-button block icon-end (click)="gotoPage(false)" text-wrap>
{{ 'addon.mod_feedback.next_page' | translate }} {{ 'addon.mod_feedback.next_page' | translate }}
<ion-icon name="arrow-forward"></ion-icon> <ion-icon name="arrow-forward"></ion-icon>
</button> </button>
</ion-col> </ion-col>
<ion-col *ngIf="!hasNextPage"> <ion-col *ngIf="!hasNextPage" col-12 [attr.col-sm-6]="(hasPrevPage) || null">
<button ion-button block (click)="gotoPage(false)"> <button ion-button block (click)="gotoPage(false)" text-wrap>
{{ 'addon.mod_feedback.save_entries' | translate }} {{ 'addon.mod_feedback.save_entries' | translate }}
</button> </button>
</ion-col> </ion-col>
@ -98,14 +98,14 @@
<ion-grid *ngIf="completed"> <ion-grid *ngIf="completed">
<ion-row align-items-center> <ion-row align-items-center>
<ion-col *ngIf="access.canviewanalysis"> <ion-col *ngIf="access.canviewanalysis" col-12 [attr.col-sm-6]="(hasNextPage) || null">
<button ion-button block outline icon-start (click)="showAnalysis()"> <button ion-button block outline icon-start (click)="showAnalysis()" text-wrap>
<ion-icon name="stats"></ion-icon> <ion-icon name="stats"></ion-icon>
{{ 'addon.mod_feedback.completed_feedbacks' | translate }} {{ 'addon.mod_feedback.completed_feedbacks' | translate }}
</button> </button>
</ion-col> </ion-col>
<ion-col *ngIf="hasNextPage"> <ion-col *ngIf="hasNextPage" col-12 [attr.col-sm-6]="(access.canviewanalysis) || null">
<button ion-button block icon-end (click)="continue()"> <button ion-button block icon-end (click)="continue()" text-wrap>
{{ 'core.continue' | translate }} {{ 'core.continue' | translate }}
<ion-icon name="arrow-forward"></ion-icon> <ion-icon name="arrow-forward"></ion-icon>
</button> </button>