GNU/Weeb Mailing List <[email protected]>
 help / color / mirror / Atom feed
From: Memet Zx <[email protected]>
To: Ammar Faizi <[email protected]>
Cc: Memet Zx <[email protected]>,
	GNU/Weeb Mailing List <[email protected]>,
	Memet Zx <[email protected]>
Subject: [PATCH gwspamd 2/2] gwspamd: web: Improving accessibility in select image section
Date: Wed, 19 Apr 2023 18:58:46 +0700	[thread overview]
Message-ID: <[email protected]> (raw)
In-Reply-To: <[email protected]>

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

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

diff --git a/web/views/components/modal.php b/web/views/components/modal.php
index 08e86b9..40fa470 100644
--- a/web/views/components/modal.php
+++ b/web/views/components/modal.php
@@ -24,7 +24,10 @@
             <h5 class="modal-title">Update Images</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 images</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>
Memet Zx

  reply	other threads:[~2023-04-19 11:58 UTC|newest]

Thread overview: 3+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2023-04-19 11:58 [PATCH gwspamd 1/2] gwspamd: web: Add *.patch and *.diff to .gitignore Memet Zx
2023-04-19 11:58 ` Memet Zx [this message]
2023-04-19 17:27   ` [PATCH gwspamd 2/2] gwspamd: web: Improving accessibility in select image section Ammar Faizi

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \
    [email protected] \

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox