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 {
padding: 0 1em 1em 1em;
}
input#tracking-code {
input.tracking-code--input {
margin-right: 1rem;
}
}

View File

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

View File

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

View File

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

View File

@ -8,7 +8,7 @@
<div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none">
{% trans "The tracking code could not been found." %}
</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>
<script>
$(function() {

View File

@ -13,7 +13,7 @@
<div id="_cell_error_{{ cell.id }}" class="errornotice" style="display: none">
{% trans "The tracking code could not been found." %}
</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>
<script>
$(function() {

View File

@ -18,7 +18,7 @@
<input name="cell" value="{{ cell.id }}" type="hidden"/>
<div class="form-group">
<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 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>

View File

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