upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-12 10:10:49 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 20

fix(files): drag ghost image

Browse source 
Signed-off-by: skjnldsv <skjnldsv@protonmail.com>

[skip ci]
This commit is contained in:
skjnldsv 2025-07-16 16:14:41 +02:00 committed by backportbot[bot]
parent 6d9e07c1b7
commit e10af99287
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
apps/files/src/components/DragAndDropPreview.vue
View file

@ -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) + * {