From e831919c6f416cb453de4758acaa6ddb0d29a6de Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 23 Dec 2022 09:56:31 +0100
Subject: [PATCH] [player] Fix error border color of required drop lists

---
 docs/release-notes-player.md                             | 8 ++++++--
 .../components/input-elements/drop-list.component.ts     | 9 +++++----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/docs/release-notes-player.md b/docs/release-notes-player.md
index 88bd89e6a..6db2785c4 100644
--- a/docs/release-notes-player.md
+++ b/docs/release-notes-player.md
@@ -1,5 +1,9 @@
 Player
 ======
+## 1.29.2
+### Fehlerbehebungen
+- Korrigiert die Warnmeldungsrahmenfarbe von als Pflichtfeld markierten Ablegelisten
+
 ## 1.29.1
 ### Verbesserungen
 - Ändert die voreingestellte Hintergrundfarbe bei Ablegelisten für Ablegeankündigung
@@ -11,7 +15,7 @@ Player
     "Verschieben"-Mauszeiger verwendet
   - **Die Darstellung der Mauszeiger ist abhängig vom Betriebssystem**
 
-## Fehlerbehebungen
+### Fehlerbehebungen
 - Speichert Änderungen an GeoGebra-Elementen, die durch Benutzung der 
   Rückgängig- und Wiederherstellen-Knöpfe ausgelöst wurden
 - Korrigiert die Ablegeankündigung für leere Ablegelisten
@@ -25,7 +29,7 @@ Player
 - Eingabehilfen bewegen sich innerhalb des sichtbaren Bereichs einer Seite mit,
   wenn die Seite gescrollt wird 
 
-## Fehlerbehebungen
+### Fehlerbehebungen
 - Stellt die erreichte Sichtbarkeit von Abschnitten mit eingestellter Verzögerung
   beim erneuten Laden einer Unit wieder her
   Folgendes ist zu beachten: 
diff --git a/projects/common/components/input-elements/drop-list.component.ts b/projects/common/components/input-elements/drop-list.component.ts
index 15c390e1e..9a00a0902 100644
--- a/projects/common/components/input-elements/drop-list.component.ts
+++ b/projects/common/components/input-elements/drop-list.component.ts
@@ -68,7 +68,8 @@ import { FormElementComponent } from '../../directives/form-element-component.di
       </ng-container>
     </div>
     <mat-error *ngIf="elementFormControl.errors && elementFormControl.touched"
-               class="error-message">
+               class="error-message" [style.bottom.px]="clozeContext ? -1 : 3"
+               [class.cloze-context-error-messag]="clozeContext">
       {{elementFormControl.errors | errorTransform: elementModel}}
     </mat-error>
   `,
@@ -84,9 +85,9 @@ import { FormElementComponent } from '../../directives/form-element-component.di
     'img.list-item {align-self: start; padding: 2px !important;}',
     '.vertical-orientation .list-item:not(:last-child) {margin-bottom: 5px;}',
     '.horizontal-orientation .list-item:not(:last-child) {margin-right: 5px;}',
-    '.errors {border: 2px solid #f44336;}',
-    '.error-message {font-size: 75%; margin-top: 10px; margin-left: 3px;}',
-    '.error-message {position: absolute; bottom: 3px; pointer-events: none;}',
+    '.errors {border: 2px solid #f44336 !important;}',
+    '.error-message {font-size: 75%; margin-top: 10px; margin-left: 5px; position: absolute; pointer-events: none;}',
+    '.cloze-context-error-message {padding: 0 !important;}',
     '.list-item {cursor: grab;}',
     '.list-item:active {cursor: grabbing;}',
     '.show-as-placeholder {opacity: 0.5 !important; pointer-events: none;}',
-- 
GitLab