a11y: adapt/follow tracking code input id combo change (#78107)
gitea/publik-base-theme/pipeline/head This commit looks good Details

This commit is contained in:
Frédéric Péters 2023-06-01 19:46:18 +02:00
parent d208b97c18
commit ed66887686
8 changed files with 9 additions and 9 deletions

View File

@ -1047,7 +1047,7 @@ div.tracking-code-input-cell.homepage {
form { form {
padding: 0 1em 1em 1em; padding: 0 1em 1em 1em;
} }
input#tracking-code { input.tracking-code--input {
margin-right: 1rem; margin-right: 1rem;
} }
} }

View File

@ -508,7 +508,7 @@ div.tracking-code-input-cell {
flex-wrap: wrap; flex-wrap: wrap;
align-items: stretch; align-items: stretch;
} }
input#tracking-code { input.tracking-code--input {
flex: 1 1 0; flex: 1 1 0;
margin: 0; margin: 0;
min-width: 8em; min-width: 8em;

View File

@ -226,7 +226,7 @@ div.text-cell {
} }
.tracking-code-input-cell { .tracking-code-input-cell {
input#tracking-code { input.tracking-code--input {
width: 100%; width: 100%;
margin-bottom: 1em; margin-bottom: 1em;
} }

View File

@ -167,7 +167,7 @@ div.cell.trackingcodeinputcell {
border-left: 1px solid #ffffff; border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff; border-right: 1px solid #ffffff;
} }
input#tracking-code { input.tracking-code--input {
background: url('img/code.png') center left no-repeat; background: url('img/code.png') center left no-repeat;
padding-left: 30px; padding-left: 30px;
float: left; float: left;

View File

@ -8,7 +8,7 @@
<div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none"> <div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none">
{% trans "The tracking code could not been found." %} {% trans "The tracking code could not been found." %}
</div> </div>
<input required aria-label="{% trans "Tracking Code" %}" id="tracking-code" name="code" placeholder="{% trans 'ex: CNPHNTFB' %}"/> <input required aria-label="{% trans "Tracking Code" %}" class="tracking-code--input" id="tracking-code-{{ cell.id }}" name="code" placeholder="{% trans 'ex: CNPHNTFB' %}"/>
<button></button> <button></button>
<script> <script>
$(function() { $(function() {

View File

@ -13,7 +13,7 @@
<div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none"> <div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none">
{% trans "The tracking code could not been found." %} {% trans "The tracking code could not been found." %}
</div> </div>
<input required aria-label="{% trans "Tracking Code" %}" id="tracking-code" name="code" placeholder="{% trans 'ex: CNPHNTFB' %}"/> <input required aria-label="{% trans "Tracking Code" %}" class="tracking-code--input" id="tracking-code-{{ cell.id }}" name="code" placeholder="{% trans 'ex: CNPHNTFB' %}"/>
<button>OK</button> <button>OK</button>
<script> <script>
$(function() { $(function() {

View File

@ -18,7 +18,7 @@
<input name="cell" value="{{ cell.id }}" type="hidden"/> <input name="cell" value="{{ cell.id }}" type="hidden"/>
<div class="form-group"> <div class="form-group">
<div class="form-field"> <div class="form-field">
<input required aria-label="{% trans "Tracking Code" %}" id="tracking-code" name="code" placeholder="{% trans 'ex: CNPHNTFB' %}"/> <input required aria-label="{% trans "Tracking Code" %}" class="tracking-code--input" id="tracking-code-{{ cell.id }}" name="code" placeholder="{% trans 'ex: CNPHNTFB' %}"/>
</div> </div>
<div class="form-actions"> <div class="form-actions">
<button class="btn-square--filled--core" type="submit"><span class="flexbox"><span class="btn-text">Valider</span><span class="btn-arrow"></span></span></button> <button class="btn-square--filled--core" type="submit"><span class="flexbox"><span class="btn-text">Valider</span><span class="btn-arrow"></span></span></button>

View File

@ -8,8 +8,8 @@
<div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none"> <div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none">
{% trans "The tracking code could not been found." %} {% trans "The tracking code could not been found." %}
</div> </div>
<label for="tracking-code" class="sr-only">Code de suivi</label> <label for="tracking-code-{{ cell.id }}" class="sr-only">Code de suivi</label>
<input required id="tracking-code" name="code" aria-labelledby="tracking_code_label" <input required class="tracking-code--input" id="tracking-code-{{ cell.id }}" name="code" aria-labelledby="tracking_code_label"
placeholder="{% trans 'ex: CNPHNTFB' %}" title="{% trans 'ex: CNPHNTFB' %}" /> placeholder="{% trans 'ex: CNPHNTFB' %}" title="{% trans 'ex: CNPHNTFB' %}" />
<button class="icon-search"><span class="sr-only">Valider</span></button> <button class="icon-search"><span class="sr-only">Valider</span></button>
<script> <script>