Rendre visible (avec des pastilles) les nouveautés sur les outils de collaboration : messages, commentaires et ressources
- Role : étudiant ou enseignant
- Page(s) / Url(s) : Partout
- Comportement actuel (si besoin) : Il est difficile de savoir s'il y a des nouveautés dans les outils de collaboration : uniquement passage de couleur à jaune pour les outils de messagerie et de commentaires et rien sur l'outil ressources
- Comportement attendu : supprimer les changements de couleur ajouter une pastille avec le nombre d'items non vus (messages, commentaires, ressources)
- Proposition technique :
- du côté serveur il faudra ajouter l'information pour les ressources qui ne doit pas être disponible
- du côté client, tout peut se faire en css en ajoutant un attribut data-count sur l'icône considérée :
<i class="fa fa-envelope" data-count="8"></i>
.fa[data-count]{
position:relative;
}
.fa[data-count]:after{
position: absolute;
right: -0.1em;
bottom: 0;
content: attr(data-count);
padding: .1em .4em;
border-radius: 5em;
line-height: .9em;
color: white;
background: rgba(255,0,0);
text-align: center;
font: bold .5em sans-serif;
}
Edited by Cedric d'Ham