PCv5/app/static/css/flash.css
Eragon 227087ebbc
Issue #76 Refactoriser les messages flash
Javascript :
Supression du javascript inutile, l'entièreté du bloc du flash.

CSS :
Alignement plus correct des notifications flash, fini le fixed, 15%
place au margin auto.
Ajout d'une marge pour éviter l'effet «bloc».
Héritage des propriétés de couleur du texte et du fond de la classe supèrieure.

Modification des templates :
Les messages sont désormais chargés avant le contenu et après le header.
2020-10-01 22:16:15 +02:00

34 lines
489 B
CSS

/*
flash overlay
*/
.flash {
margin: 5px auto;
display: flex;
align-items: center;
width: 80%;
font-size: 14px;
border-bottom: 5px solid var(--info);
border-radius: 1px;
box-shadow: var(--shadow);
}
.flash.info {
border-color: var(--info);
}
.flash.ok {
border-color: var(--ok);
}
.flash.warning {
border-color: var(--warn);
}
.flash.error {
border-color: var(--error);
}
.flash span {
flex-grow: 1;
margin: 15px 10px 10px 0;
}
.flash svg {
margin: 15px 20px 10px 30px;
}