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 v2] gwspamd: web: Improving accessibility in select image section
Date: Thu, 20 Apr 2023 00:41:50 +0700 [thread overview]
Message-ID: <[email protected]> (raw)
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
next reply other threads:[~2023-04-19 17:41 UTC|newest]
Thread overview: 2+ messages / expand[flat|nested] mbox.gz Atom feed top
2023-04-19 17:41 Memet Zx [this message]
2023-04-19 17:43 ` [PATCH gwspamd v2] 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