a11y: adapt/follow tracking code input id combo change (#78107)
gitea/publik-base-theme/pipeline/head This commit looks good
Details
gitea/publik-base-theme/pipeline/head This commit looks good
Details
This commit is contained in:
parent
d208b97c18
commit
ed66887686
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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() {
|
||||||
|
|
|
@ -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() {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue