GNU/Weeb Mailing List <[email protected]>
 help / color / mirror / Atom feed
* [PATCH gwspamd v2] gwspamd: web: Improving accessibility in select image section
@ 2023-04-19 17:41 Memet Zx
  2023-04-19 17:43 ` Ammar Faizi
  0 siblings, 1 reply; 2+ messages in thread
From: Memet Zx @ 2023-04-19 17:41 UTC (permalink / raw)
  To: Ammar Faizi; +Cc: Memet Zx, GNU/Weeb Mailing List, Memet Zx

Replacing the plain input file element with a custom-file wrapper
element that includes a label for better accessibility.
The label text is "Choose image".

Signed-off-by: Memet Zx <[email protected]>
---
 web/views/components/modal.php | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/web/views/components/modal.php b/web/views/components/modal.php
index 08e86b9..cd8cad2 100644
--- a/web/views/components/modal.php
+++ b/web/views/components/modal.php
@@ -21,10 +21,13 @@
 <div class="modal" id="modal-profile" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document">
         <div class="modal-content ">
-            <h5 class="modal-title">Update Images</h5>
+            <h5 class="modal-title">Update Image</h5>
             <canvas style="touch-action: none; cursor: move;" id="photo_canvas"></canvas>
             <input type="range" min="1" max="5" value="1" step="0.01" id="photo_range" style="display: none;" />
-            <input type="file" id="photo" name="photo" accept=".jpg,.png,.gif,.jpeg" />
+            <div class="custom-file">
+                <input type="file" id="photo" name="photo" accept=".jpg,.png,.gif,.jpeg">
+                <label for="photo">Choose image</label>
+            </div>
             <div class="text-right mt-20">
                 <button type="button" onclick="apply_photo();" data-dismiss="modal" class="btn">Apply photo</button>
                 <button class="btn" data-dismiss="modal">Close</button>

base-commit: dbb57d61ed9e417582c571af92d364c3889afaf7
-- 
Memet Zx


^ permalink raw reply related	[flat|nested] 2+ messages in thread

end of thread, other threads:[~2023-04-19 17:44 UTC | newest]

Thread overview: 2+ messages (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
2023-04-19 17:41 [PATCH gwspamd v2] gwspamd: web: Improving accessibility in select image section Memet Zx
2023-04-19 17:43 ` Ammar Faizi

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox