fix(UI): enhance scrollbar visibility and dropdown menu overflow handling
This commit is contained in:
parent
ba640d4070
commit
5329fa7ede
@ -105,6 +105,8 @@
|
|||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
width: 14px;
|
width: 14px;
|
||||||
height: 6px;
|
height: 6px;
|
||||||
|
background-color: transparent;
|
||||||
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb {
|
&::-webkit-scrollbar-thumb {
|
||||||
@ -113,11 +115,12 @@
|
|||||||
border-radius: 7px;
|
border-radius: 7px;
|
||||||
background-color: var(--color-scrollbar-thumb);
|
background-color: var(--color-scrollbar-thumb);
|
||||||
min-height: 50px;
|
min-height: 50px;
|
||||||
transition: all 0.2s;
|
transition: opacity 0.2s;
|
||||||
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover::-webkit-scrollbar-thumb {
|
&:hover::-webkit-scrollbar-thumb {
|
||||||
background-color: var(--color-scrollbar-thumb);
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::-webkit-scrollbar-thumb:hover {
|
&::-webkit-scrollbar-thumb:hover {
|
||||||
@ -192,3 +195,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ant-dropdown-menu .ant-dropdown-menu-sub {
|
||||||
|
max-height: 350px;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user