dubacq/ScoDoc
1
0
Fork 0
forked from ScoDoc/ScoDoc
Code Pull Requests Activity

fix responsive calendriers

Browse Source
This commit is contained in:
Iziram 2024-08-20 14:50:36 +02:00
parent 5624637f30
commit e1a5ea31cd
3 changed files with 12 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/templates/assiduites/pages/calendrier_assi_etud.j2
View File

@ -15,12 +15,15 @@ Calendrier de l'assiduité
<h2>Assiduité de {{sco.etud.html_link_fiche()|safe}}</h2> <h2>Assiduité de {{sco.etud.html_link_fiche()|safe}}</h2>
<div class="options"> <div class="options">
<input type="checkbox" id="show_pres" name="show_pres" class="memo" {{'checked' if show_pres else '' }}><label <label for="show_pres">afficher les présences
for="show_pres">afficher les présences</label> <input type="checkbox" id="show_pres" name="show_pres" class="memo" {{'checked' if show_pres else '' }}>
<input type="checkbox" name="show_reta" id="show_reta" class="memo" {{'checked' if show_reta else '' }}><label </label>
for="show_reta">afficher les retards</label> <label for="show_reta">afficher les retards
<input type="checkbox" name="mode_demi" id="mode_demi" class="memo" {{'checked' if mode_demi else '' }}><label <input type="checkbox" name="show_reta" id="show_reta" class="memo" {{'checked' if show_reta else '' }}>
for="mode_demi">mode demi journée</label> </label>
<label for="mode_demi">mode demi journée
<input type="checkbox" name="mode_demi" id="mode_demi" class="memo"{{'checked' if mode_demi else '' }}>
</label>
</div> </div>
<div class="cal"> <div class="cal">
@ -86,15 +89,6 @@ Calendrier de l'assiduité
max-width: var(--sco-content-max-width); max-width: var(--sco-content-max-width);
} }
.calendrier {
display: flex;
justify-content: center;
overflow-x: scroll;
border: 1px solid #444;
border-radius: 12px;
margin-bottom: 12px;
}
.assi_case { .assi_case {
display: flex; display: flex;
width: 100%; width: 100%;

3
app/templates/calendrier.j2
View File

@ -21,11 +21,12 @@
<style> <style>
.calendrier { .calendrier {
display: flex; display: flex;
justify-content: center; justify-content: flex-start;
overflow-x: scroll; overflow-x: scroll;
border: 1px solid #444; border: 1px solid #444;
border-radius: 12px; border-radius: 12px;
margin-bottom: 12px; margin-bottom: 12px;
padding: 4px;
} }
.mois { .mois {

2
app/templates/choix_date.j2
View File

@ -15,8 +15,8 @@
margin-top: 10px; margin-top: 10px;
} }
.content{ .content{
width: 90%;
max-width: 1600px; max-width: 1600px;
padding: 12px;
} }
</style> </style>
{% endblock %} {% endblock %}