Skip to content

Commit 253737e

Browse files
authored
Move dropzone progress bar to bottom to show filename when uploading (#26492)
1. Make the "filename" visible 2. Avoiding UI flicker when the uploading is completing
1 parent ed1be4c commit 253737e

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

web_src/css/features/dropzone.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,3 +51,9 @@
5151
.dropzone .dz-preview:hover .dz-image img {
5252
filter: opacity(0.5) !important;
5353
}
54+
55+
.ui .field .dropzone .dz-preview .dz-progress {
56+
/* by default the progress-bar is vertically centered (top: 50%), it's better to put it after the "details (size, filename)",
57+
then the layout from top to bottom is: size, filename, progress */
58+
top: 7em;
59+
}

0 commit comments

Comments
 (0)