style: Enhance scrollbar appearance in mention models dropdown
This commit is contained in:
parent
b92b46f2b0
commit
5be0e0ae72
@ -315,6 +315,7 @@ const DropdownMenuStyle = createGlobalStyle`
|
|||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
margin-bottom: 40px;
|
margin-bottom: 40px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
width: 6px;
|
width: 6px;
|
||||||
@ -322,8 +323,12 @@ const DropdownMenuStyle = createGlobalStyle`
|
|||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
background: var(--color-scrollbar);
|
border-radius: 10px;
|
||||||
border-radius: 3px;
|
background: var(--color-scrollbar-thumb);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: var(--color-scrollbar-thumb-hover);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-track {
|
&::-webkit-scrollbar-track {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user