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

feature: notification - default avatar + styles added (ter)

Browse Source
This commit is contained in:
gaelle morin 2020-07-16 13:51:52 +02:00
parent 014cfaa5c8
commit 8ff7994089
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
3 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -191,15 +191,30 @@ solid-notifications {
padding: 1.2rem 0 1.5rem; padding: 1.2rem 0 1.5rem;
.solid-notification__avatar { .solid-notification__avatar {
align-items: center;
background: var(--color-avatar-background); background: var(--color-avatar-background);
display: flex; display: flex;
align-items: center;
justify-content: center;
height: 35px; height: 35px;
width: 35px; justify-content: center;
margin-left: 1.6rem; margin-left: 1.6rem;
margin-right: 1.4rem; margin-right: 1.4rem;
overflow: hidden; overflow: hidden;
position: relative;
vertical-align: middle;
width: 35px;
img {
background-color: var(--color-grey-10);
height: 100%;
object-fit: cover;
object-position: center center;
width: 100%;
}
object {
height: 45%;
width: 45%;
}
} }
.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'] || '/images/alien.svg'}" style="${await author['account.foaf:depiction'] ? 'max-height:100%' : 'max-height:18px'}") | ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}
.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'] || '/images/alien.svg'}" style="${await author['account.foaf:depiction'] ? 'max-height:100%' : 'max-height:18px'}") | ${await author['account.foaf:depiction'] ? `<img src="${await author['account.foaf:depiction']}" style="max-width:100%; max-height: 100%;" />` : `<object type="image/svg+xml" data="/images/alien.svg"></object>`}
.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é