From 8eea19c55687a90ca9bdb4bf21832c47b044ea85 Mon Sep 17 00:00:00 2001
From: Matthieu Fesselier <matthieu.fesselier@gmail.com>
Date: Thu, 30 May 2019 11:33:40 +0800
Subject: [PATCH] ui: object rdfs label

---
 css/notification.css | 11 ++++++++---
 sib-notifications.js |  4 +++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/css/notification.css b/css/notification.css
index f5130c6..19f5358 100644
--- a/css/notification.css
+++ b/css/notification.css
@@ -4,6 +4,7 @@ sib-display-value{
 .sib-notifications{
   box-sizing: border-box;
   font-family: sans-serif;
+  font-size: 14px;
 }
 
 .sib-notifications__container{ }
@@ -150,13 +151,17 @@ sib-display-value{
 }
 .sib-notifications__items [name="author.username"]{
   font-weight: bold;
-  font-size: 1rem;
 }
-.sib-notifications__items [name="type"]{
-  font-size: 0.9rem;
+.sib-notifications__items [name="source"]{
   margin-top: 0.15rem;
   margin-bottom: 0.5rem;
 }
+.sib-notifications__items [name="source"] > sib-display-value{
+  display: inline;
+}
+.sib-notifications__items [name="separator"]{
+  margin: 0 7px;
+}
 .sib-notifications__items [name="date"]{
   color: #AAA;
   font-size: 75%;
diff --git a/sib-notifications.js b/sib-notifications.js
index d25c3e9..ef47af3 100644
--- a/sib-notifications.js
+++ b/sib-notifications.js
@@ -131,7 +131,9 @@ class SIBNotifications extends SIBTemplateElement {
             class="sib-notifications__items"
             data-src="${sourceUrl}"
             widget-unread="read-badge"
-            set-wrapper="author.username, type, date"
+            value-separator="·"
+            set-source="type, separator, object.name"
+            set-wrapper="author.username, source, date"
             set-content="author.avatar, wrapper"
             data-fields="unread, content"
             widget-author.avatar="sib-display-img"
-- 
2.22.2