diff --git a/frontend/src/app/features/content/shared/forms/array-editor.component.html b/frontend/src/app/features/content/shared/forms/array-editor.component.html index 699f7950c..613b5249c 100644 --- a/frontend/src/app/features/content/shared/forms/array-editor.component.html +++ b/frontend/src/app/features/content/shared/forms/array-editor.component.html @@ -1,7 +1,8 @@ -
- +
diff --git a/frontend/src/app/features/content/shared/forms/array-editor.component.scss b/frontend/src/app/features/content/shared/forms/array-editor.component.scss index 17456fe8f..3bb7d683e 100644 --- a/frontend/src/app/features/content/shared/forms/array-editor.component.scss +++ b/frontend/src/app/features/content/shared/forms/array-editor.component.scss @@ -5,25 +5,34 @@ virtual-scroller { height: 700px; -} -.item { - padding: .25rem 1rem; + .item { + padding: .25rem 1rem; - &.first { - padding-top: .75rem; - } + &.first { + padding-top: .75rem; + } - &.last { - padding-bottom: .75rem; + &.last { + padding-bottom: .75rem; + } } } +.static { + padding-bottom: .375rem; + padding-top: .375rem; +} + +.item { + padding: .375rem 1rem; +} + .array-container { background: $color-border-lighter; margin: 0; margin-bottom: 1rem; - overflow-y: auto; + overflow-y: hidden; &.expanded { @include absolute(3rem, 1.25rem, 2.375rem + 1rem + .75rem, 1.25rem); @@ -45,4 +54,8 @@ virtual-scroller { .drag-container { position: relative; +} + +.cdk-drag-preview { + margin: 1rem; } \ No newline at end of file diff --git a/frontend/src/app/theme/_common.scss b/frontend/src/app/theme/_common.scss index 02da7bdb9..250346200 100644 --- a/frontend/src/app/theme/_common.scss +++ b/frontend/src/app/theme/_common.scss @@ -85,10 +85,17 @@ hr { opacity: .7; &.table-drag { - background: $color-white; - border: 2px dashed darken($color-border, 5%); display: table; + &::before { + @include force-height(100%); + background: $color-white; + border: 2px dashed darken($color-border, 5%); + border-radius: 2px; + display: block; + content: ''; + } + * { display: none; }