diff --git a/js/forum/src/components/Notification.js b/js/forum/src/components/Notification.js
index 7f948b3e5..a130e5870 100644
--- a/js/forum/src/components/Notification.js
+++ b/js/forum/src/components/Notification.js
@@ -26,6 +26,9 @@ export default class Notification extends Component {
{icon(this.icon(), {className: 'Notification-icon'})}
{this.content()}
{humanTime(notification.time())}
+
+ {this.excerpt()}
+
);
@@ -58,6 +61,15 @@ export default class Notification extends Component {
content() {
}
+ /**
+ * Get the excerpt of the notification.
+ *
+ * @return {VirtualElement}
+ * @abstract
+ */
+ excerpt() {
+ }
+
/**
* Mark the notification as read.
*/
diff --git a/less/forum/NotificationList.less b/less/forum/NotificationList.less
index 324f51256..0937b0143 100644
--- a/less/forum/NotificationList.less
+++ b/less/forum/NotificationList.less
@@ -114,3 +114,11 @@
font-weight: bold;
}
}
+.Notification-excerpt {
+ color: @muted-more-color;
+ font-size: 12px;
+ margin-top: 5px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}