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

MOBILE-2847 quiz: Review shortanswer question styles

main
Pau Ferrer Ocaña 2019-01-31 12:27:50 +01:00 committed by Dani Palou
parent 108fd65aa0
commit 2e14b9bc8a
3 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/addon/mod/quiz/pages/review/review.scss
View File

@ -6,7 +6,7 @@ ion-app.app-root page-addon-mod-quiz-review {
.text-input[disabled] { .text-input[disabled] {
opacity: 0.8; opacity: 0.8;
.label, .radio, .checkbox, .select-disabled, .core-correct-icon { .label, .radio, .checkbox, .select-disabled, .core-correct-icon, .text-input[disabled] {
opacity: 1; opacity: 1;
} }
} }

2
src/addon/qtype/shortanswer/component/addon-qtype-shortanswer.html
View File

@ -1,6 +1,6 @@
<section ion-list *ngIf="question.text || question.text === ''"> <section ion-list *ngIf="question.text || question.text === ''">
<ion-item text-wrap class="addon-qtype-shortanswer-text"> <ion-item text-wrap class="addon-qtype-shortanswer-text">
<p><core-format-text [component]="component" [componentId]="componentId" [text]="question.text"></core-format-text></p> <core-format-text [component]="component" [componentId]="componentId" [text]="question.text"></core-format-text>
</ion-item> </ion-item>
<ion-item *ngIf="!question.input.isInline" text-wrap ngClass="core-{{question.input.correctIconColor}}-item"> <ion-item *ngIf="!question.input.isInline" text-wrap ngClass="core-{{question.input.correctIconColor}}-item">
<ion-label stacked>{{ 'addon.mod_quiz.answercolon' | translate }}</ion-label> <ion-label stacked>{{ 'addon.mod_quiz.answercolon' | translate }}</ion-label>

19
src/addon/qtype/shortanswer/component/shortanswer.scss
View File

@ -1,11 +1,18 @@
addon-qtype-shortanswer { addon-qtype-shortanswer {
.addon-qtype-shortanswer-text input { .addon-qtype-shortanswer-text {
ion-label.label {
margin-bottom: 0;
}
input {
@include placeholder($text-input-placeholder-color);
@include appearance(none);
@include border-radius(4px);
display: inline-block; display: inline-block;
border: 1px solid #ccc; border: 1px solid $gray-dark;
padding: 4px 6px; padding: 6px 8px;
-webkit-border-radius: 4px; @include margin-horizontal(2px);
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 10px; margin-bottom: 10px;
} }
}
} }