scrollbars are customised

This commit is contained in:
gaelle morin 2020-01-18 21:43:41 +01:00
parent cd9e478264
commit 90a92cc832
No known key found for this signature in database
GPG Key ID: BC97AADCB48B7F27

View File

@ -45,6 +45,46 @@ nav, .views-container {
-ms-overflow-style: none; -ms-overflow-style: none;
} }
/* Custom scrollbar of the left-menu */
nav {
scrollbar-width: thin;
scrollbar-color: $color-244-10-70 $color-233-18-29;
&::-webkit-scrollbar-track {
background: $color-233-18-29;
}
&::-webkit-scrollbar-thumb {
background-color: $color-244-10-70;
border-radius: 6px;
border: 3px solid $color-233-18-29;
}
&::-webkit-scrollbar {
width: 11px;
}
}
/* Custom scrollbar of the content */
.views-container {
scrollbar-width: thin;
scrollbar-color: $color-244-10-70 white;
&::-webkit-scrollbar-track {
background: white;
}
&::-webkit-scrollbar-thumb {
background-color: $color-244-10-70;
border-radius: 6px;
border: 3px solid white;
}
&::-webkit-scrollbar {
width: 11px;
}
}
/* Quick fix. Will be removed later */ /* Quick fix. Will be removed later */
#admin-circles, #admin-circles,
#admin-projects { #admin-projects {
@ -52,7 +92,6 @@ nav, .views-container {
} }
img { img {
max-height: 100%; max-height: 100%;
max-width: 100%; max-width: 100%;