forked from ScoDoc/ScoDoc
68 lines
1.7 KiB
Django/Jinja
68 lines
1.7 KiB
Django/Jinja
{# Explication des états des justificatifs #}
|
|
|
|
<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="legend">ayant été considéré comme valide, justifie les absences
|
|
ou retards de la période
|
|
</div>
|
|
|
|
<div class="attente">Justificatif soumis</div>
|
|
<div class="legend">en attente de validation. Les absences ne sont pas
|
|
encore considérées comme justifiées.
|
|
</div>
|
|
|
|
<div class="modifie">Justificatif modifié</div>
|
|
<div class="legend">une information a été ajoutée ou modifiée. Doit être validé avant
|
|
d'être pris en en compte.
|
|
</div>
|
|
|
|
<div class="invalide">Justificatif invalide</div>
|
|
<div class="legend">proposé mais considéré comme non valide.
|
|
Les absences ne sont pas justifiées.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.explication-etats-justifs {
|
|
margin-top: 32px;
|
|
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;
|
|
grid-template-columns: auto 1fr;
|
|
font-size: 80%;
|
|
}
|
|
.explication-etats > div {
|
|
margin-bottom: 8px;
|
|
margin-right: 8px;
|
|
padding: 6px;
|
|
}
|
|
.explication-etats-justifs div.legend {
|
|
font-style: italic;
|
|
}
|
|
.valide {
|
|
background-color: var(--color-justi);
|
|
}
|
|
.attente {
|
|
background-color: var(--color-justi-attente);
|
|
}
|
|
.modifie {
|
|
background-color: var(--color-justi-modifie);
|
|
}
|
|
.invalide {
|
|
background-color: var(--color-justi-invalide);
|
|
}
|
|
|
|
|
|
|
|
|
|
</style> |