IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Notification.vue

Browse Source 
- Follow @alina-beck's suggestions, use notification over notification: true, use span with font weight and margin-right to remove  
This commit is contained in:
Matt Rider 2019-08-20 08:36:05 +02:00
parent 053d8bcf7b
commit a77c9638f6
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
webapp/components/notifications/Notification/Notification.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<ds-space :class="{ notification: true, read: notification.read }" margin-bottom="x-small"> <ds-space :class="[{ read: notification.read }, notification]" margin-bottom="x-small">
<no-ssr> <no-ssr>
<ds-space margin-bottom="x-small"> <ds-space margin-bottom="x-small">
<hc-user <hc-user
@ -30,9 +30,7 @@
<ds-space margin-bottom="x-small" /> <ds-space margin-bottom="x-small" />
<div v-if="resourceType == 'Post'">{{ post.contentExcerpt | removeHtml }}</div> <div v-if="resourceType == 'Post'">{{ post.contentExcerpt | removeHtml }}</div>
<div v-else> <div v-else>
<b> <span class="comment-notification-header">Comment:</span>
Comment: &nbsp;
</b>
{{ comment.contentExcerpt | removeHtml }} {{ comment.contentExcerpt | removeHtml }}
</div> </div>
</ds-card> </ds-card>
@ -86,4 +84,8 @@ export default {
.notifications-card { .notifications-card {
min-width: 500px; min-width: 500px;
} }
.comment-notification-header {
font-weight: 700;
margin-right: 0.1rem;
}
</style> </style>