Les boutons ont une taille "normale"
This commit is contained in:
parent
104feb31b9
commit
0877cc8210
|
@ -69,6 +69,13 @@ main p {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.room-row{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
/* Style The Dropdown Button */
|
/* Style The Dropdown Button */
|
||||||
.dropbtn {
|
.dropbtn {
|
||||||
color: var(--fg);
|
color: var(--fg);
|
||||||
|
@ -242,6 +249,11 @@ input[type="checkbox"] + label {
|
||||||
box-shadow: 5px 5px black;
|
box-shadow: 5px 5px black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fav label {
|
||||||
|
width: 50px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
.done {
|
.done {
|
||||||
background: var(--bg-dark);
|
background: var(--bg-dark);
|
||||||
text-decoration: line-through;
|
text-decoration: line-through;
|
||||||
|
|
|
@ -34,10 +34,10 @@
|
||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<ul>
|
<ul>
|
||||||
{% for room in favs_free_rooms : %}
|
{% for room in favs_free_rooms : %}
|
||||||
<dt>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label for="{{ room.id }}">⭐</label>
|
<dt><div class="room-row"><div>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}</div><div><input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label style="width:30px;height:30px" for="{{ room.id }}">⭐</label></div></div>
|
||||||
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
|
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
|
||||||
<br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
<br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</dt>
|
</dt>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -49,7 +49,7 @@
|
||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<ul>
|
<ul>
|
||||||
{% for room in favs_soon_rooms: %}
|
{% for room in favs_soon_rooms: %}
|
||||||
<dt>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label for="{{ room.id }}">⭐</label>
|
<dt><div class="room-row"><div>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}</div><div><input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label style="width:30px;height:30px" for="{{ room.id }}">⭐</label></div></div>
|
||||||
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
|
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
|
||||||
<br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
<br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
@ -67,7 +67,7 @@
|
||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<ul>
|
<ul>
|
||||||
{% for room in free_rooms: %}
|
{% for room in free_rooms: %}
|
||||||
<dt>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label for="{{ room.id }}">⭐</label>
|
<dt><div class="room-row"><div>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}</div><div><input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label style="width:30px;height:30px" for="{{ room.id }}">⭐</label></div></div>
|
||||||
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
|
{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
|
||||||
<br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
<br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
@ -82,7 +82,7 @@
|
||||||
<div class="flex-container">
|
<div class="flex-container">
|
||||||
<ul>
|
<ul>
|
||||||
{% for room in soon_rooms: %}
|
{% for room in soon_rooms: %}
|
||||||
<dt>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label for="{{ room.id }}">⭐</label>
|
<dt><div class="room-row"><div>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}</div><div><input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label style="width:30px;height:30px" for="{{ room.id }}">⭐</label></div></div>
|
||||||
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
|
{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
|
||||||
<br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
<br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
Loading…
Reference in New Issue