iziram/ScoDoc
1
0
Fork 0
forked from ScoDoc/ScoDoc
Code Issues 12 Pull Requests Projects 1 Releases Wiki 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>
<div class="options">
<input type="checkbox" id="show_pres" name="show_pres" class="memo" {{'checked' if show_pres else '' }}><label
for="show_pres">afficher les présences</label>
<input type="checkbox" name="show_reta" id="show_reta" class="memo" {{'checked' if show_reta else '' }}><label
for="show_reta">afficher les retards</label>
<input type="checkbox" name="mode_demi" id="mode_demi" class="memo" {{'checked' if mode_demi else '' }}><label
for="mode_demi">mode demi journée</label>
<label for="show_pres">afficher les présences
<input type="checkbox" id="show_pres" name="show_pres" class="memo" {{'checked' if show_pres else '' }}>
</label>
<label for="show_reta">afficher les retards
<input type="checkbox" name="show_reta" id="show_reta" class="memo" {{'checked' if show_reta else '' }}>
</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 class="cal">
@ -86,15 +89,6 @@ Calendrier de l'assiduité
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 {
display: flex;
width: 100%;

3
app/templates/calendrier.j2
View File

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

2
app/templates/choix_date.j2
View File

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