From b97ab04e8f9b9c516bf488185c294191252d1d60 Mon Sep 17 00:00:00 2001 From: Gusted Date: Fri, 11 Aug 2023 13:38:53 +0200 Subject: [PATCH] [GITEA] Make filename accessible in dropzone - In Forgejo you can upload files by drag n dropping them in selective 'zones', these are handled by [dropzone](https://github.com/dropzone/dropzone). While waiting for it to finish uploading, you can see the file's size and name. - The name was conviently placed under the progress bar, so as an file is uploading you couldn't see the filename anymore. - This patch fixes that by simply moving the filename a few pixels down. - Resolves https://codeberg.org/Codeberg/Community/issues/1104 (cherry picked from commit 58d500aafdd2dd5756427376763132cdcc5b608c) --- web_src/css/features/dropzone.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/web_src/css/features/dropzone.css b/web_src/css/features/dropzone.css index 0ce067ef30..9f9b818fe7 100644 --- a/web_src/css/features/dropzone.css +++ b/web_src/css/features/dropzone.css @@ -51,3 +51,12 @@ .dropzone .dz-preview:hover .dz-image img { filter: opacity(0.5) !important; } + +.dropzone .dz-preview.dz-image-preview .dz-filename { + /* Don't use margin or padding, as that will mess with the dimensions + * of the details div and thereby making the 'Cancel upload' button + * inaccessible to use. + */ + position: relative; + top: 2em; +}