From 730035623607c525f5b5b84aa7dd0fd94d6e52fe Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Wed, 17 Nov 2021 12:37:15 +0100
Subject: [PATCH] Change dropList styling
- List items only have a margin between then but no longer on the
outside.
- Remove unused background color. This is set dynamically in the
template.
---
.../compound-elements/drop-list.component.ts | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/projects/common/element-components/compound-elements/drop-list.component.ts b/projects/common/element-components/compound-elements/drop-list.component.ts
index 6066b05c4..a6b863954 100644
--- a/projects/common/element-components/compound-elements/drop-list.component.ts
+++ b/projects/common/element-components/compound-elements/drop-list.component.ts
@@ -51,8 +51,9 @@ import { FormElementComponent } from '../../form-element-component.directive';
`,
styles: [
'.list-container {display: flex; flex-direction: column; width: 100%; height: 100%;}',
- '.list {width: calc(100% - 4px); height: calc(100% - 4px);}',
- '.item {background-color: lightblue; margin: 5px; border-radius: 10px; padding: 10px;}',
+ '.list {width: calc(100% - 4px); height: calc(100% - 4px); border-radius: 10px}',
+ '.item {border-radius: 10px; padding: 10px;}',
+ '.item:not(:last-child) {margin-bottom: 5px;}',
'.error-message {font-size: 75%; margin-top: 10px;}',
'.cdk-drag-preview {padding: 8px 20px; border-radius: 10px}',
'.drag-placeholder {background-color: lightgrey; border: dotted 3px #999; padding: 10px;}',
--
GitLab