autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: notification - default avatar + styles added

Browse Source
This commit is contained in:
gaelle morin 2020-07-10 16:38:55 +02:00
parent da4c1cf69c
commit 4b52f0a49e
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/styles/base/header.scss
View File

@ -191,10 +191,15 @@ solid-notifications {
padding: 1.2rem 0 1.5rem; padding: 1.2rem 0 1.5rem;
.solid-notification__avatar { .solid-notification__avatar {
background: var(--color-avatar-background);
display: flex;
align-items: center;
justify-content: center;
height: 35px; height: 35px;
width: 35px; width: 35px;
margin-left: 1.6rem; margin-left: 1.6rem;
margin-right: 1.4rem; margin-right: 1.4rem;
overflow: hidden;
} }
.solid-notification__content { .solid-notification__content {

2
src/views/circle/page-circle-notifications.pug
View File

@ -1,7 +1,7 @@
solid-notifications-template(data-rdf-type='hd:circle') solid-notifications-template(data-rdf-type='hd:circle')
template template
.solid-notification__avatar .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__content
.solid-notification__title ${await author.name} .solid-notification__title ${await author.name}
span.solid-notification__title__side dans span.solid-notification__title__side dans

2
src/views/user/page-user-notifications.pug
View File

@ -1,7 +1,7 @@
solid-notifications-template(data-rdf-type='foaf:user') solid-notifications-template(data-rdf-type='foaf:user')
template template
.solid-notification__avatar .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__content
.solid-notification__title ${await author.name} .solid-notification__title ${await author.name}
span.solid-notification__title__side en privé span.solid-notification__title__side en privé