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
next prev parent 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:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* 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] \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* 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