mirror of
https://github.com/Kong/insomnia
synced 2024-11-07 22:30:15 +00:00
Better scrollbars on tabs
This commit is contained in:
parent
bd29e9bcd2
commit
a9434c3e94
@ -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;
|
||||
|
@ -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);
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user