From 4b52f0a49e67c5644e96a71127b8c0bc69eb790b Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Fri, 10 Jul 2020 16:38:55 +0200 Subject: [PATCH] feature: notification - default avatar + styles added --- src/styles/base/header.scss | 5 +++++ src/views/circle/page-circle-notifications.pug | 2 +- src/views/user/page-user-notifications.pug | 2 +- 3 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss index 4b3b692..883cd94 100644 --- a/src/styles/base/header.scss +++ b/src/styles/base/header.scss @@ -191,10 +191,15 @@ solid-notifications { padding: 1.2rem 0 1.5rem; .solid-notification__avatar { + background: var(--color-avatar-background); + display: flex; + align-items: center; + justify-content: center; height: 35px; width: 35px; margin-left: 1.6rem; margin-right: 1.4rem; + overflow: hidden; } .solid-notification__content { diff --git a/src/views/circle/page-circle-notifications.pug b/src/views/circle/page-circle-notifications.pug index 90b2e86..19a3ebb 100644 --- a/src/views/circle/page-circle-notifications.pug +++ b/src/views/circle/page-circle-notifications.pug @@ -1,7 +1,7 @@ solid-notifications-template(data-rdf-type='hd:circle') template .solid-notification__avatar - img(src="${await author['account.foaf:depiction']}") + img(src="${await author['account.foaf:depiction']} || /../../images/alien.svg" style=`max-height:${clientLogoHeight || '18px'}`) .solid-notification__content .solid-notification__title ${await author.name} span.solid-notification__title__side dans diff --git a/src/views/user/page-user-notifications.pug b/src/views/user/page-user-notifications.pug index fd4aef3..5b31006 100644 --- a/src/views/user/page-user-notifications.pug +++ b/src/views/user/page-user-notifications.pug @@ -1,7 +1,7 @@ solid-notifications-template(data-rdf-type='foaf:user') template .solid-notification__avatar - img(src="${await author['account.foaf:depiction']}") + img(src="${await author['account.foaf:depiction']} || /../../images/alien.svg" style=`max-height:${clientLogoHeight || '18px'}`) .solid-notification__content .solid-notification__title ${await author.name} span.solid-notification__title__side en privé