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

feature: styling scrollbar end

Browse Source
This commit is contained in:
gaelle morin 2020-06-26 15:09:41 +02:00
parent f8c43b74f3
commit f41970dadc
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
1 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -106,15 +106,13 @@ solid-notifications {
} }
.solid-notifications__list { .solid-notifications__list {
position: fixed; position: fixed;
left: 0; left: 0;
top: 4.5rem; top: 4.5rem;
width: 100vw; width: 100vw;
/* Custom scrollbar */
overflow: auto; overflow: auto;
height: 60px;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
-ms-overflow-style: none; -ms-overflow-style: none;
@ -128,12 +126,12 @@ solid-notifications {
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: var(--color-notification-scrollbar-track); background-color: var(--color-notification-scrollbar-track);
border-radius: 6px; border-radius: 6px;
border: 3px solid var(--color-notification-scrollbar-background);
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 11px; width: 6px;
} }
/* End of custom scrollbar */
@include breakpoint(md) { @include breakpoint(md) {
border: 0; border: 0;