Ajuste style calendrier assiduité

This commit is contained in:
Emmanuel Viennet 2023-11-16 02:48:39 +01:00
parent 5f7b4af3e6
commit 1fd973c0d0

View File

@ -6,9 +6,9 @@
<h2>Assiduité de {{sco.etud.nomprenom}}</h2> <h2>Assiduité de {{sco.etud.nomprenom}}</h2>
<div class="options"> <div class="options">
<label for="show_pres">afficher les présences</label><input type="checkbox" id="show_pres" name="show_pres"> <input type="checkbox" id="show_pres" name="show_pres"><label for="show_pres">afficher les présences</label>
<label for="show_reta">afficher les retards</label><input type="checkbox" name="show_reta" id="show_reta"> <input type="checkbox" name="show_reta" id="show_reta"><label for="show_reta">afficher les retards</label>
<label for="mode_demi">mode demi journée</label><input type="checkbox" name="mode_demi" id="mode_demi"> <input type="checkbox" name="mode_demi" id="mode_demi"><label for="mode_demi">mode demi journée</label>
</div> </div>
<div class="calendrier"> <div class="calendrier">
@ -51,7 +51,7 @@
--color-present: #6bdb83; --color-present: #6bdb83;
--color-absent: #F1A69C; --color-absent: #F1A69C;
--color-retard: #f0c865; --color-retard: #f0c865;
--color-nonwork: #bd81ca; --color-nonwork: #badfff;
--color-defaut: #FFF; --color-defaut: #FFF;
} }
@ -85,6 +85,8 @@
justify-content: space-evenly; justify-content: space-evenly;
flex-wrap: wrap; flex-wrap: wrap;
border: 1px solid #444; border: 1px solid #444;
border-radius: 12px;
margin-bottom: 12px;
} }
.month h3 { .month h3 {
@ -98,9 +100,9 @@
text-align: center; text-align: center;
margin: 2px; margin: 2px;
cursor: default; cursor: default;
font-size: 12px; font-size: 13px;
position: relative; position: relative;
font-weight: bold; font-weight: normal;
min-width: 6em; min-width: 6em;
} }
@ -172,7 +174,7 @@
text-align: center; text-align: center;
z-index: 1; z-index: 1;
width: 100%; width: 100%;
border: 1px solid black; border: 1px solid #d5d5d5;
/*border-radius: 3px;*/ /*border-radius: 3px;*/
} }
@ -184,7 +186,13 @@
.options>* { .options>* {
margin-right: 5px; margin-right: 5px;
} }
.options input {
margin-right: 6px;
}
.options label {
font-weight: normal;
margin-right: 16px;
}
@media print { @media print {
.color.present { .color.present {
background-color: var(--color-present) !important; background-color: var(--color-present) !important;
@ -578,4 +586,4 @@
function isCalendrier() { return true } function isCalendrier() { return true }
</script> </script>
{% endblock pageContent %} {% endblock pageContent %}