diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2023-08-14 22:36:53 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-08-14 22:36:53 +0800 |
| commit | 253737eb364192e31c8be1fc9bd9581331ca37a9 (patch) | |
| tree | 9111cf87427ffaf7e55aab1cd9af41773b0b96e0 | |
| parent | ed1be4ca68daa9782ea65135110799a4bf0697f8 (diff) | |
| download | gitea-253737eb364192e31c8be1fc9bd9581331ca37a9.tar.gz gitea-253737eb364192e31c8be1fc9bd9581331ca37a9.zip | |
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
| -rw-r--r-- | web_src/css/features/dropzone.css | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/web_src/css/features/dropzone.css b/web_src/css/features/dropzone.css index 0ce067ef30..509dbf1dfe 100644 --- 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; +} |