From 9f37af5e05199ed956b87cd163c0602aac9fa5ec Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 7 Oct 2022 11:00:09 +0200
Subject: [PATCH] Add shadow for preview elements of drop list when dragging
---
.../cloze/cloze-child-elements/drop-list-simple.component.ts | 2 +-
.../common/components/input-elements/drop-list.component.ts | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/projects/common/components/compound-elements/cloze/cloze-child-elements/drop-list-simple.component.ts b/projects/common/components/compound-elements/cloze/cloze-child-elements/drop-list-simple.component.ts
index e070b219c..3c456500b 100644
--- a/projects/common/components/compound-elements/cloze/cloze-child-elements/drop-list-simple.component.ts
+++ b/projects/common/components/compound-elements/cloze/cloze-child-elements/drop-list-simple.component.ts
@@ -81,7 +81,7 @@ import { DropListComponent } from 'common/components/input-elements/drop-list.co
'.item:active {cursor: grabbing}',
'.errors {box-sizing: border-box; border: 2px solid #f44336 !important;}',
'.error-message {font-size: 75%; margin-top: 10px;}',
- '.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; box-shadow: 2px 2px 1px black;}',
+ '.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; box-shadow: 2px 2px 5px black;}',
'.drag-placeholder {box-sizing: border-box; border-radius: 5px; background-color: lightgrey; border: dotted 3px #999;}',
'.drag-placeholder {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',
'.cdk-drag-animating {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',
diff --git a/projects/common/components/input-elements/drop-list.component.ts b/projects/common/components/input-elements/drop-list.component.ts
index 29693eb33..80b1dfdc1 100644
--- a/projects/common/components/input-elements/drop-list.component.ts
+++ b/projects/common/components/input-elements/drop-list.component.ts
@@ -126,7 +126,7 @@ import { FormElementComponent } from '../../directives/form-element-component.di
'.horizontal-orientation.item:not(:last-child) {margin-right: 5px}',
'.errors {outline: 2px solid #f44336 !important;}',
'.error-message {font-size: 75%; margin-top: 10px;}',
- '.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; z-index: 5;}',
+ '.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; z-index: 5; box-shadow: 2px 2px 5px black;}',
'.drag-placeholder {box-sizing: border-box; border-radius: 5px; background-color: lightgrey; border: dotted 3px #999;}',
'.drag-placeholder {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',
'.cdk-drag-animating {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',
--
GitLab