TRKJ/gitea
2
0
Fork 0
mirror of https://gitee.com/gitea/gitea synced 2025-11-04 16:40:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
1. Make the "filename" visible
2. Avoiding UI flicker when the uploading is completing
This commit is contained in:
wxiaoguang
2023-08-14 22:36:53 +08:00
committed by GitHub
parent ed1be4ca68
commit 253737eb36
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web_src/css/features/dropzone.css
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;
}