a11y: use <p> for messages in file widget (#88612)
gitea/wcs/pipeline/head This commit looks good Details

This commit is contained in:
Frédéric Péters 2024-03-25 11:50:31 +01:00
parent 031e72c38a
commit bdd17296b4
2 changed files with 5 additions and 2 deletions

View File

@ -2833,6 +2833,9 @@ div.file-upload-widget {
}
div.widget-message {
padding-top: 20px;
p {
margin: 0;
}
&::before {
pointer-events: none;
content: "\f016"; // file-o

View File

@ -9,10 +9,10 @@
{{ w.render|safe }}
{% endfor %}
<div class="widget-message click-to-upload">
{% trans "Drop a file or click to select one" %}
<p>{% trans "Drop a file or click to select one" %}</p>
</div>
<div class="widget-message upload-done">
{% trans "Upload done" %}
<p>{% trans "Upload done" %}</p>
</div>
<div class="fileprogress" style="display: none;">
<div class="bar"