From cd35215819b230ec73638007d6ff6c589d20b8ae Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 6 Feb 2025 07:17:58 +0200
Subject: [PATCH] client: use the new file input fields

---
 src/public/app/widgets/dialogs/import.js             | 4 +++-
 src/public/app/widgets/dialogs/upload_attachments.js | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/public/app/widgets/dialogs/import.js b/src/public/app/widgets/dialogs/import.js
index 5057115e5..11ca6d100 100644
--- a/src/public/app/widgets/dialogs/import.js
+++ b/src/public/app/widgets/dialogs/import.js
@@ -18,7 +18,9 @@ const TPL = `
                     <div class="form-group">
                         <label for="import-file-upload-input"><strong>${t("import.chooseImportFile")}</strong></label>
 
-                        <input type="file" class="import-file-upload-input form-control-file" multiple />
+                        <label class="tn-file-input tn-input-field">
+                            <input type="file" class="import-file-upload-input form-control-file" multiple />
+                        </label>
 
                         <p>${t("import.importDescription")} <strong class="import-note-title"></strong>.
                     </div>
diff --git a/src/public/app/widgets/dialogs/upload_attachments.js b/src/public/app/widgets/dialogs/upload_attachments.js
index c59afb635..8e6b15e1f 100644
--- a/src/public/app/widgets/dialogs/upload_attachments.js
+++ b/src/public/app/widgets/dialogs/upload_attachments.js
@@ -17,7 +17,9 @@ const TPL = `
                 <div class="modal-body">
                     <div class="form-group">
                         <label for="upload-attachment-file-upload-input"><strong>${t("upload_attachments.choose_files")}</strong></label>
-                        <input type="file" class="upload-attachment-file-upload-input form-control-file" multiple />
+                            <label class="tn-file-input tn-input-field">
+                                <input type="file" class="upload-attachment-file-upload-input form-control-file" multiple />
+                            </label>
                         <p>${t("upload_attachments.files_will_be_uploaded")} <strong class="upload-attachment-note-title"></strong>.</p>
                     </div>