Skip to content

Commit e72ef41

Browse files
wxiaoguangGiteaBot
authored andcommitted
Move dropzone progress bar to bottom to show filename when uploading (go-gitea#26492)
1. Make the "filename" visible 2. Avoiding UI flicker when the uploading is completing
1 parent f1c5d33 commit e72ef41

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)