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 <[email protected]>
go-gitea · Aug 14, 2023 · d1a55aa · d1a55aa
1 parent f1c5d33
commit d1a55aa
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/web_src/css/features/dropzone.css b/web_src/css/features/dropzone.css
@@ -51,3 +51,9 @@
 .dropzone .dz-preview:hover .dz-image img {
   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;
+}