From b97ab04e8f9b9c516bf488185c294191252d1d60 Mon Sep 17 00:00:00 2001
From: Gusted <postmaster@gusted.xyz>
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;
+}