Okunmamış başlıkları vurgulamak adına başlıklarının önüne veya arkasına bir simge veya şekil ekleyebiliriz. Ben aşağıdaki kodda Font Awesome ikonu ekledim. Siz bunun yerine istediğiniz şeyi ekleyebilirsiniz. Resim, şekil, ikon vs..
Aşağıdaki kodda after yazan kısmı before yaparsanız simge başlığın önünde gözükür. Aşağıdaki haliyle başlıktan sonra gözükür. Eğer before yaparsanız margin-left: 6px ; değişkeninin margin-right: 6px; plarak değiştirin.
.unread .DiscussionListItem-title:after {
font-family: ‘Font Awesome 5 Free’;
font-weight: 600;
font-size: 16px;
content: ‘\f06d’;
color: #cc3737;
margin-left: 6px ;}
