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

feature: notifications__item stylized

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/abstracts/_variables.scss
View File

@ -33,7 +33,6 @@
--color-main-text: var(--color-grey-4);
--color-highlight-primary: var(--color-primary);
--color-user-panel: var(--color-black);
--color-bell: var(--color-secondary);
--color-avatar-background: var(--color-grey-10);
--color-title: var(--color-secondary);
--color-h1: var(--color-secondary);
@ -42,6 +41,9 @@
/* Header's elements */
--color-header-background: var(--color-white);
--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-background: var(--color-white);
--color-user-panel-header-text-open: var(--color-white);

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

@ -122,7 +122,40 @@ solid-notifications {
left: auto;
right: 0;
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'] {
}
}
}
}
}
}