Move dropzone progress bar to bottom to show filename when uploading (#26492) (#26497)

Backport #26492 by @wxiaoguang

1. Make the "filename" visible
2. Avoiding UI flicker when the uploading is completing

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
(cherry picked from commit d1a55aabc944a7428880943319d67a227e266f22)
This commit is contained in:
Giteabot 2023-08-14 23:55:18 +08:00 committed by Earl Warren
parent b683b93d16
commit 601df4d472
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00

View file

@ -51,3 +51,9 @@
.dropzone .dz-preview:hover .dz-image img { .dropzone .dz-preview:hover .dz-image img {
filter: opacity(0.5) !important; filter: opacity(0.5) !important;
} }
.ui .field .dropzone .dz-preview .dz-progress {
/* by default the progress-bar is vertically centered (top: 50%), it's better to put it after the "details (size, filename)",
then the layout from top to bottom is: size, filename, progress */
top: 7em;
}