MOBILE-3320 style: Fix quiz styles
parent
182d9b5ae2
commit
67e6a45b2d
|
@ -1,4 +1,4 @@
|
||||||
<div *ngIf="ddQuestion && (ddQuestion.text || ddQuestion.text === '')" class="addon-qtype-ddwtos-container">
|
<div *ngIf="ddQuestion && (ddQuestion.text || ddQuestion.text === '')">
|
||||||
<!-- Content is outside the core-loading to let the script calculate drag items position -->
|
<!-- Content is outside the core-loading to let the script calculate drag items position -->
|
||||||
<core-loading [hideUntil]="ddQuestion.loaded"></core-loading>
|
<core-loading [hideUntil]="ddQuestion.loaded"></core-loading>
|
||||||
|
|
||||||
|
@ -10,16 +10,18 @@
|
||||||
<ion-label>{{ 'core.question.howtodraganddrop' | translate }}</ion-label>
|
<ion-label>{{ 'core.question.howtodraganddrop' | translate }}</ion-label>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-card>
|
</ion-card>
|
||||||
<core-format-text [component]="component" [componentId]="componentId" [text]="ddQuestion.text"
|
<div class="addon-qtype-ddwtos-container">
|
||||||
[contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId" #questiontext
|
<core-format-text [component]="component" [componentId]="componentId" [text]="ddQuestion.text"
|
||||||
(afterRender)="textRendered()">
|
[contextLevel]="contextLevel" [contextInstanceId]="contextInstanceId" [courseId]="courseId" #questiontext
|
||||||
</core-format-text>
|
(afterRender)="textRendered()">
|
||||||
|
</core-format-text>
|
||||||
|
|
||||||
<core-format-text *ngIf="ddQuestion.answers" [component]="component" [componentId]="componentId"
|
<core-format-text *ngIf="ddQuestion.answers" [component]="component" [componentId]="componentId"
|
||||||
[text]="ddQuestion.answers" [filter]="false" (afterRender)="answersRendered()">
|
[text]="ddQuestion.answers" [filter]="false" (afterRender)="answersRendered()">
|
||||||
</core-format-text>
|
</core-format-text>
|
||||||
|
|
||||||
<div class="drags"></div>
|
<div class="drags"></div>
|
||||||
|
</div>
|
||||||
</ion-label>
|
</ion-label>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
// Style ddwtos content a bit. Almost all these styles are copied from Moodle.
|
// Style ddwtos content a bit. Almost all these styles are copied from Moodle.
|
||||||
.addon-qtype-ddwtos-container {
|
.addon-qtype-ddwtos-container {
|
||||||
min-height: 80px; // To display the loading.
|
min-height: 80px; // To display the loading.
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
core-format-text ::ng-deep, .drags ::ng-deep {
|
core-format-text ::ng-deep, .drags ::ng-deep {
|
||||||
|
|
|
@ -338,7 +338,6 @@ core-rich-text-editor .core-rte-editor {
|
||||||
select,
|
select,
|
||||||
input:not([type=checkbox]):not([type=radio]):not([type=hidden]) {
|
input:not([type=checkbox]):not([type=radio]):not([type=hidden]) {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
line-height: 30px;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border: 1px solid var(--gray-dark);
|
border: 1px solid var(--gray-dark);
|
||||||
background: var(--background-contrast);
|
background: var(--background-contrast);
|
||||||
|
|
Loading…
Reference in New Issue