grandlyon-glc: use <button> in authorization page (#67567)

This commit is contained in:
Frédéric Péters 2022-07-20 20:53:11 +02:00
parent 2b661ae922
commit d3f2762938
2 changed files with 19 additions and 11 deletions

View File

@ -196,9 +196,11 @@ div#main-content {
}
}
div.a2-authorization-form input[type=submit] {
width: 11em;
margin: 5px 0.8em;
div.a2-authorization-form button {
@media screen and ($min-desktop-viewport) {
margin: 5px 0.8em;
width: 11em;
}
}
/* display title list in one line */
@ -219,7 +221,7 @@ div#main-content {
padding: 0.7em 1em;
margin: 1ex 0 0.5ex 0;
}
input[type=submit], button {
button {
margin-top: 1ex;
width: 100%;
text-transform: uppercase;
@ -433,12 +435,18 @@ div.a2-authorization {
font-size: 90%;
}
div.a2-authorization-form {
input[type=submit] {
button {
&.lock {
background-image: url(images/lock.png);
background-repeat: no-repeat;
background-position: 10%;
background-size: 15px;
&::before {
content: "";
display: inline-block;
width: 25px;
height: 15px;
background-image: url(images/lock.png);
background-repeat: no-repeat;
background-position: center left;
background-size: 15px;
}
}
&.refuse {
background-color: #ffffff;

View File

@ -64,8 +64,8 @@
{% endif %}
{% csrf_token %}
<p>
<input type="submit" name="accept" value="Partager" class="lock">
<input type="submit" name="refuse" value="Abandonner" class="refuse">
<button name="accept" class="lock">Partager</button>
<button name="refuse" class="refuse">Abandonner</button>
</p>
</form>
</div>