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 e070b219c01c4da23230b370343e95f6dbbcc558..3c456500bf96c4afdfeebd9bdfa9c536d568a251 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 29693eb331166a42d47fec5c9096b5d5ae239a8f..80b1dfdc1fdc064d36f7d2c193d0fb42ec414ce2 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);}',