This commit is contained in:
Emmanuel Viennet 2023-12-23 14:14:23 +01:00
parent b3ba3002ea
commit 95a2a3daeb
2 changed files with 30 additions and 21 deletions

View File

@ -646,7 +646,7 @@
.assi-liste { .assi-liste {
border: 1px solid gray; border: 1px solid gray;
border-radius: 12px; border-radius: 12px;
margin-right: 12px; margin-right: 24px;
padding: 12px; padding: 12px;
} }
#options-tableau label { #options-tableau label {

View File

@ -1,7 +1,8 @@
{# Explication des états des justificatifs #} {# Explication des états des justificatifs #}
<div class="explication-etats-justifs"> <div class="explication-etats-justifs">
<div class="explication-titre">États des justificatifs</div>
<div class="explication-etats">
<div class="valide">Justificatif valide</div> <div class="valide">Justificatif valide</div>
<div class="legend">ayant été considéré comme valide, justifie les absences <div class="legend">ayant été considéré comme valide, justifie les absences
ou retards de la période ou retards de la période
@ -21,17 +22,26 @@ d'être pris en en compte.
<div class="legend">proposé mais considéré comme non valide. <div class="legend">proposé mais considéré comme non valide.
Les absences ne sont pas justifiées. Les absences ne sont pas justifiées.
</div> </div>
</div>
</div> </div>
<style> <style>
.explication-etats-justifs { .explication-etats-justifs {
margin-top: 32px; margin-top: 32px;
margin-left: 12px; margin-left: 12px;
padding: 8px;
}
.explication-etats-justifs .explication-titre {
font-size: 110%;
font-weight: bold;
margin-bottom: 8px;
}
.explication-etats-justifs .explication-etats {
display: grid; display: grid;
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
font-size: 80%;
} }
.explication-etats-justifs > div { .explication-etats > div {
margin-bottom: 8px; margin-bottom: 8px;
margin-right: 8px; margin-right: 8px;
padding: 6px; padding: 6px;
@ -42,7 +52,6 @@ Les absences ne sont pas justifiées.
.valide { .valide {
background-color: var(--color-justi); background-color: var(--color-justi);
} }
.attente { .attente {
background-color: var(--color-justi-attente); background-color: var(--color-justi-attente);
} }