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

MOBILE-2847 quiz: Review multianswer question styles

Browse Source
This commit is contained in:
Pau Ferrer Ocaña 2019-01-31 13:23:21 +01:00 committed by Dani Palou
parent 2e14b9bc8a
commit 5c2586b54f
4 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

6
src/addon/qtype/gapselect/component/gapselect.scss
View File

@ -15,11 +15,5 @@ ion-app.app-root addon-qtype-gapselect {
border-radius: 4px;
margin-bottom: 10px;
background: $gray-lighter;
&.core-question-answer-correct,
&.core-question-answer-incorrect {
background-color: $gray-lighter;
color: $text-color;
}
}
}

10
src/addon/qtype/multianswer/component/multianswer.scss
View File

@ -22,12 +22,12 @@ addon-qtype-multianswer {
}
input, select {
@include border-radius(4px);
display: inline-block;
border: 1px solid #ccc;
padding: 4px 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid $gray-dark;
padding: 6px 8px;
@include margin-horizontal(2px);
margin-bottom: 10px;
}

18
src/app/app.scss
View File

@ -477,7 +477,22 @@ ion-app.app-root {
margin-bottom: 0;
}
.core-question-answer-correct,
.core-question-answer-correct {
color: $core-question-correct-color;
}
.core-question-answer-incorrect {
color: $core-question-incorrect-color;
}
input, select {
&.core-question-answer-correct, &.core-question-answer-incorrect {
background-color: $gray-lighter;
color: $text-color;
}
}
.core-question-correct,
.core-question-comment {
color: $core-question-correct-color;
@ -494,7 +509,6 @@ ion-app.app-root {
}
}
.core-question-answer-incorrect,
.core-question-incorrect {
color: $core-question-incorrect-color;
background-color: $core-question-incorrect-color-bg;