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

MOBILE-2787 quiz: Improve columns on attempt review

main
Pau Ferrer Ocaña 2018-12-11 16:20:13 +01:00
parent b2c5bbc0c7
commit 5a126022a4
3 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/addon/mod/quiz/pages/player/player.html
View File

@ -89,7 +89,8 @@
<!-- "Header" of the summary table. -->
<ion-item text-wrap>
<ion-row align-items-center>
<ion-col col-3 text-center><b>{{ 'addon.mod_quiz.question' | translate }}</b></ion-col>
<ion-col col-3 text-center class="hidden-phone"><b>{{ 'addon.mod_quiz.question' | translate }}</b></ion-col>
<ion-col col-3 text-center class="hidden-tablet"><b>#</b></ion-col>
<ion-col col-9 text-center><b>{{ 'addon.mod_quiz.status' | translate }}</b></ion-col>
</ion-row>
</ion-item>
@ -98,7 +99,7 @@
<a ion-item (click)="changePage(question.page, false, question.slot)" *ngIf="question.number" [attr.aria-label]="'core.question.questionno' | translate:{$a: question.number}" [attr.detail-push]="!quiz.isSequential && canReturn ? true : null">
<ion-row align-items-center>
<ion-col col-3 text-center>{{ question.number }}</ion-col>
<ion-col col-9 text-center>{{ question.status }}</ion-col>
<ion-col col-9 text-center text-wrap>{{ question.status }}</ion-col>
</ion-row>
</a>
</ng-container>

16
src/app/app.scss
View File

@ -437,9 +437,15 @@ ion-app.app-root {
color: $core-question-correct-color;
background-color: $core-question-correct-color-bg;
.label, ion-label.label {
.label, ion-label.label, .select-text, .select-icon .select-icon-inner {
color: $core-question-correct-color;
}
.radio-icon {
border-color: $core-question-correct-color;
}
.radio-inner {
background-color: $core-question-correct-color;
}
}
.core-question-answer-incorrect,
@ -447,9 +453,15 @@ ion-app.app-root {
color: $core-question-incorrect-color;
background-color: $core-question-incorrect-color-bg;
.label, ion-label.label {
.label, ion-label.label, .select-text, .select-icon .select-icon-inner {
color: $core-question-incorrect-color;
}
.radio-icon {
border-color: $core-question-incorrect-color;
}
.radio-inner {
background-color: $core-question-incorrect-color;
}
}
.core-question-feedback-container {

6
src/theme/format-text.scss
View File

@ -184,4 +184,8 @@ ion-app.app-root {
width: min-content;
display: inline;
}
}
.toolbar core-format-text {
font-size: inherit;
}
}