grandlyon-glc: use <button> in authorization page (#67567)
This commit is contained in:
parent
2b661ae922
commit
d3f2762938
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue