From 67ddb4d68f0ab2b9d3b5cca4376bb623831d27d6 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Thu, 5 Jan 2023 15:04:23 +0100
Subject: [PATCH] Improve DropList alignment in cloze
---
.../components/compound-elements/cloze/cloze.component.ts | 4 +---
.../common/components/input-elements/drop-list.component.ts | 1 -
2 files changed, 1 insertion(+), 4 deletions(-)
diff --git a/projects/common/components/compound-elements/cloze/cloze.component.ts b/projects/common/components/compound-elements/cloze/cloze.component.ts
index 0b934f07a..12ae2f966 100644
--- a/projects/common/components/compound-elements/cloze/cloze.component.ts
+++ b/projects/common/components/compound-elements/cloze/cloze.component.ts
@@ -158,7 +158,6 @@ import { ClozeElement } from 'common/models/elements/compound-elements/cloze/clo
<aspect-compound-child-overlay
*ngIf="['ToggleButton', 'DropList', 'TextField', 'Button'] | arrayIncludes:subPart.type"
[style.display]="'inline-block'"
- [class.droplist-child]="subPart.type == 'DropList'"
[parentForm]="parentForm"
[element]="$any(subPart).attrs.model"
[editorMode]="editorMode"
@@ -175,8 +174,7 @@ import { ClozeElement } from 'common/models/elements/compound-elements/cloze/clo
':host ::ng-deep p strong {letter-spacing: 0.04em; font-weight: 600;}', // bold less bold
':host ::ng-deep p:empty::after {content: "\\00A0"}', // render empty p
'p span {font-size: inherit}',
- 'sup, sub {line-height: 0;}',
- '.droplist-child {vertical-align: middle;}'
+ 'sup, sub {line-height: 0;}'
]
})
export class ClozeComponent extends CompoundElementComponent {
diff --git a/projects/common/components/input-elements/drop-list.component.ts b/projects/common/components/input-elements/drop-list.component.ts
index c8bc34616..c004eec4d 100644
--- a/projects/common/components/input-elements/drop-list.component.ts
+++ b/projects/common/components/input-elements/drop-list.component.ts
@@ -85,7 +85,6 @@ import { FormElementComponent } from '../../directives/form-element-component.di
'.list-item {border-radius: 5px;}',
':not(.cloze-context) .list-item:not(.image-list-item) {padding: 10px;}',
'.cloze-context .list-item {padding: 0 5px;}',
- '.cloze-context .list-item span {margin-bottom: 3px;}',
'.cloze-context.only-one-item .list-item {height: 100%; display: flex; align-items: center; justify-content: center;}',
'img.list-item {align-self: start;}',
'.errors {border: 2px solid #f44336 !important;}',
--
GitLab