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é