diff options
| author | skjnldsv <skjnldsv@protonmail.com> | 2025-07-16 16:14:41 +0200 |
|---|---|---|
| committer | backportbot[bot] <backportbot[bot]@users.noreply.github.com> | 2025-07-16 15:58:37 +0000 |
| commit | e10af99287c34e843cd505240274dd96f4c5a09d (patch) | |
| tree | a3d099e1303574c4d441bf6e4f8b7b477f451195 | |
| parent | 6d9e07c1b75bcd67cb5481e8c9d2c80402d449f6 (diff) | |
| download | nextcloud-server-backport/53968/stable30.tar.gz nextcloud-server-backport/53968/stable30.zip | |
fix(files): drag ghost imagebackport/53968/stable30
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>
[skip ci]
| -rw-r--r-- | apps/files/src/components/DragAndDropPreview.vue | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/apps/files/src/components/DragAndDropPreview.vue b/apps/files/src/components/DragAndDropPreview.vue index c19b166581f..2c209a4f20a 100644 --- a/apps/files/src/components/DragAndDropPreview.vue +++ b/apps/files/src/components/DragAndDropPreview.vue @@ -102,12 +102,12 @@ $stack-shift: 6px; display: flex; overflow: hidden; align-items: center; - height: 44px; - padding: 6px 12px; + height: $size + $stack-shift; + padding: $stack-shift $stack-shift * 2; background: var(--color-main-background); &__icon, - .files-list__row-icon { + .files-list__row-icon-preview-container { display: flex; overflow: hidden; align-items: center; @@ -138,13 +138,15 @@ $stack-shift: 6px; display: flex; // Stack effect if more than one element - .files-list__row-icon + .files-list__row-icon { + // Max 3 elements + > .files-list__row-icon-preview-container + .files-list__row-icon-preview-container { margin-top: $stack-shift; margin-left: $stack-shift - $size; & + .files-list__row-icon { margin-top: $stack-shift * 2; } } + // If we have manually clone the preview, // let's hide any fallback icons &:not(:empty) + * { |