From: Memet Zx <zxce3@gnuweeb.org>
To: Ammar Faizi <ammarfaizi2@gnuweeb.org>
Cc: Memet Zx <zxce3@gnuweeb.org>,
GNU/Weeb Mailing List <gwml@vger.gnuweeb.org>,
Memet Zx <memetpea25@gmail.com>
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: <20230419115847.200383-2-zxce3@gnuweeb.org> (raw)
In-Reply-To: <20230419115847.200383-1-zxce3@gnuweeb.org>
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 <zxce3@gnuweeb.org>
---
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 \
--in-reply-to=20230419115847.200383-2-zxce3@gnuweeb.org \
--to=zxce3@gnuweeb.org \
--cc=ammarfaizi2@gnuweeb.org \
--cc=gwml@vger.gnuweeb.org \
--cc=memetpea25@gmail.com \
/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