feature: notifications__item stylized

This commit is contained in:
gaelle morin 2020-06-26 11:17:44 +02:00
parent cd63ab9656
commit 70b430b39d
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
2 changed files with 37 additions and 2 deletions

View File

@ -33,7 +33,6 @@
--color-main-text: var(--color-grey-4); --color-main-text: var(--color-grey-4);
--color-highlight-primary: var(--color-primary); --color-highlight-primary: var(--color-primary);
--color-user-panel: var(--color-black); --color-user-panel: var(--color-black);
--color-bell: var(--color-secondary);
--color-avatar-background: var(--color-grey-10); --color-avatar-background: var(--color-grey-10);
--color-title: var(--color-secondary); --color-title: var(--color-secondary);
--color-h1: var(--color-secondary); --color-h1: var(--color-secondary);
@ -42,6 +41,9 @@
/* Header's elements */ /* Header's elements */
--color-header-background: var(--color-white); --color-header-background: var(--color-white);
--color-bell: var(--color-secondary); --color-bell: var(--color-secondary);
--color-notification-summary: var(--color-grey-4);
--solid-notifications-theme: var(--color-primary);
--color-notification-item-border: var(--color-grey-12);
--color-user-panel-header-text: var(--color-secondary); --color-user-panel-header-text: var(--color-secondary);
--color-user-panel-header-background: var(--color-white); --color-user-panel-header-background: var(--color-white);
--color-user-panel-header-text-open: var(--color-white); --color-user-panel-header-text-open: var(--color-white);

View File

@ -122,7 +122,40 @@ solid-notifications {
left: auto; left: auto;
right: 0; right: 0;
top: 5.6rem; top: 5.6rem;
width: 300px; width: 347px;
}
.solid-notifications__item {
border-bottom: 2px solid var(--color-notification-item-border);
.solid-notification {
.solid-notification__avatar {
margin-left: 1.6rem;
margin-right: 1.4rem;
}
.solid-notification__content {
.solid-notification__summary {
color: var(--color-notification-summary);
font-size: 1.2rem;
line-height: 1.7rem;
margin: 1.1rem 0 1.1rem;
}
.solid-notification__date {
display: none;
}
}
.solid-notification__read {
read-badge[data-unread='unread'] {
}
}
}
} }
} }
} }