blockworks-foundation
/
mango-ui-v3
mirror of https://github.com/blockworks-foundation/mango-ui-v3.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

increase scrollbar width on hover

This commit is contained in:
saml33 2022-04-16 15:36:44 +10:00
parent 6f0969a49a
commit 558bb653f2
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
styles/index.css
View File

@ -206,24 +206,26 @@ body::-webkit-scrollbar-corner {
}
.thin-scroll::-webkit-scrollbar {
width: 4px;
width: 8px;
height: 8px;
}
/* Track */
.thin-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 2px;
border-radius: 2px;
}
/* Handle */
.thin-scroll::-webkit-scrollbar-thumb {
-webkit-border-radius: 2px;
border-radius: 2px;
background: var(--bkg-4);
@apply rounded bg-th-bkg-4;
border: 2px solid transparent;
background-clip: padding-box;
}
.thin-scroll::-webkit-scrollbar-thumb:hover {
border: 0;
}
.thin-scroll::-webkit-scrollbar-track {
background: transparent;
}
.thin-scroll::-webkit-scrollbar-thumb:window-inactive {
background: var(--bkg-4);
@apply bg-th-bkg-4;
}
/* Responsive table */