KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

enhancement: Uses bold font-weight for unread notifications (#5073)

Browse source
This commit is contained in:
Sivin Varghese 2022-07-20 14:41:03 +05:30 committed by GitHub
parent cd5e0c548c
commit 6105567238
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue
View file

@ -13,6 +13,9 @@
<tr <tr
v-for="notificationItem in notifications" v-for="notificationItem in notifications"
:key="notificationItem.id" :key="notificationItem.id"
:class="{
'is-unread': notificationItem.read_at === null,
}"
@click="() => onClickNotification(notificationItem)" @click="() => onClickNotification(notificationItem)"
> >
<td> <td>
@ -163,6 +166,10 @@ export default {
} }
} }
.is-unread {
font-weight: var(--font-weight-bold);
}
.notifications--loader { .notifications--loader {
font-size: var(--font-size-default); font-size: var(--font-size-default);
display: flex; display: flex;