Better scrollbars on tabs

This commit is contained in:
Gregory Schier 2017-06-17 12:31:21 -07:00
parent bd29e9bcd2
commit a9434c3e94
2 changed files with 12 additions and 5 deletions

View File

@ -41,9 +41,8 @@
box-sizing: border-box;
background: var(--color-bg);
// Separate it from the button a bit
margin-top: @padding-xxs;
margin-bottom: @padding-xxs;
// Separate it from it's surroundings a bit
margin: @padding-xxs 3px;
padding-top: @radius-md;
padding-bottom: @radius-md;

View File

@ -20,10 +20,11 @@
background-color: var(--color-bg);
overflow: auto;
@scrollbar-height: 3px;
@scrollbar-height: @padding-sm;
&::-webkit-scrollbar {
height: @scrollbar-height;
border-radius: @scrollbar-height / 2;
}
&::-webkit-scrollbar-track {
@ -31,7 +32,14 @@
}
&::-webkit-scrollbar-thumb {
border-radius: @scrollbar-height / 2;
background-color: transparent;
}
&::-webkit-scrollbar-thumb {
background-color: var(--hl-xxs);
}
&:hover::-webkit-scrollbar-thumb {
background-color: var(--hl-sm);
}