MOBILE-3320 style: Fix quiz styles

main
Pau Ferrer Ocaña 2021-06-10 15:37:10 +02:00
parent 182d9b5ae2
commit 67e6a45b2d
3 changed files with 12 additions and 10 deletions

View File

@ -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>

View File

@ -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 {

View File

@ -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);