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

feature: notifications__item styling scrollbar

Browse Source
This commit is contained in:
gaelle morin
2020-06-26 14:10:51 +02:00
parent 70b430b39d
commit f8c43b74f3
2 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -106,12 +106,35 @@ solid-notifications {
}
.solid-notifications__list {
overflow-x: hidden;
position: fixed;
left: 0;
top: 4.5rem;
width: 100vw;
overflow: auto;
height: 60px;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: thin;
scrollbar-color: var(--color-notification-scrollbar-track) var(--color-notification-scrollbar-background);
&::-webkit-scrollbar-track {
background: var(--color-notification-scrollbar-background);
}
&::-webkit-scrollbar-thumb {
background-color: var(--color-notification-scrollbar-track);
border-radius: 6px;
border: 3px solid var(--color-notification-scrollbar-background);
}
&::-webkit-scrollbar {
width: 11px;
}
@include breakpoint(md) {
border: 0;
border-radius: 0;