feature: notification responsive

This commit is contained in:
gaelle morin 2020-06-29 11:15:31 +02:00
parent 9cb7977d3b
commit 1ce47b03dd
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
1 changed files with 12 additions and 1 deletions

View File

@ -122,7 +122,6 @@ solid-notifications {
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-ms-overflow-style: none; -ms-overflow-style: none;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: var(--color-notification-scrollbar-track) var(--color-notification-scrollbar-background); scrollbar-color: var(--color-notification-scrollbar-track) var(--color-notification-scrollbar-background);
@ -173,12 +172,24 @@ solid-notifications {
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.7rem; line-height: 1.7rem;
margin: 1.1rem 0 0; margin: 1.1rem 0 0;
@include breakpoint(320px, 388px) {
max-width: 226px;
}
@include breakpoint(lg) {
max-width: 256px;
}
} }
.solid-notification__date { .solid-notification__date {
display: none; display: none;
} }
} }
.solid-notification__read {
display: none;
}
} }
} }
} }