Skip to content
Snippets Groups Projects
Commit ddfa2960 authored by jojohoch's avatar jojohoch
Browse files

Use the same border-radius for all elements in DropList & DropListSimple

parent 9f37af5e
No related branches found
No related tags found
No related merge requests found
...@@ -81,7 +81,7 @@ import { DropListComponent } from 'common/components/input-elements/drop-list.co ...@@ -81,7 +81,7 @@ import { DropListComponent } from 'common/components/input-elements/drop-list.co
'.item:active {cursor: grabbing}', '.item:active {cursor: grabbing}',
'.errors {box-sizing: border-box; border: 2px solid #f44336 !important;}', '.errors {box-sizing: border-box; border: 2px solid #f44336 !important;}',
'.error-message {font-size: 75%; margin-top: 10px;}', '.error-message {font-size: 75%; margin-top: 10px;}',
'.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; box-shadow: 2px 2px 5px black;}', '.cdk-drag-preview {padding: 8px 20px; border-radius: 5px; box-shadow: 2px 2px 5px black;}',
'.drag-placeholder {box-sizing: border-box; border-radius: 5px; background-color: lightgrey; border: dotted 3px #999;}', '.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);}', '.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);}', '.cdk-drag-animating {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',
......
...@@ -116,9 +116,9 @@ import { FormElementComponent } from '../../directives/form-element-component.di ...@@ -116,9 +116,9 @@ import { FormElementComponent } from '../../directives/form-element-component.di
`, `,
styles: [ styles: [
'.list-container {width: 100%; height: 100%;}', '.list-container {width: 100%; height: 100%;}',
'.list {border-radius: 10px; width: calc(100% - 6px);}', '.list {border-radius: 5px; width: calc(100% - 6px);}',
'.list {height: calc(100% - 6px); margin-top: 3px; margin-left: 3px;}', '.list {height: calc(100% - 6px); margin-top: 3px; margin-left: 3px;}',
'.text-item {border-radius: 10px; padding: 10px;}', '.text-item {border-radius: 5px; padding: 10px;}',
'.item {cursor: grab}', '.item {cursor: grab}',
'.item:active {cursor: grabbing}', '.item:active {cursor: grabbing}',
'.copyOnDrop .item {transform: none !important}', '.copyOnDrop .item {transform: none !important}',
...@@ -126,7 +126,7 @@ import { FormElementComponent } from '../../directives/form-element-component.di ...@@ -126,7 +126,7 @@ import { FormElementComponent } from '../../directives/form-element-component.di
'.horizontal-orientation.item:not(:last-child) {margin-right: 5px}', '.horizontal-orientation.item:not(:last-child) {margin-right: 5px}',
'.errors {outline: 2px solid #f44336 !important;}', '.errors {outline: 2px solid #f44336 !important;}',
'.error-message {font-size: 75%; margin-top: 10px;}', '.error-message {font-size: 75%; margin-top: 10px;}',
'.cdk-drag-preview {padding: 8px 20px; border-radius: 10px; z-index: 5; box-shadow: 2px 2px 5px black;}', '.cdk-drag-preview {padding: 8px 20px; border-radius: 5px; 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 {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);}', '.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);}', '.cdk-drag-animating {transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);}',
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment