fix: optimize TimePicker scrollbar style (#45586)

This commit is contained in:
MadCcc 2023-10-30 14:48:15 +08:00 committed by GitHub
parent 7e284736a8
commit 31393135a0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -921,28 +921,19 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
overflowX: 'hidden', overflowX: 'hidden',
'&::-webkit-scrollbar': { '&::-webkit-scrollbar': {
width: '7px', width: 8,
backgroundColor: ' #f1f1f1', backgroundColor: 'transparent',
}, },
'&::-webkit-scrollbar-thumb': { '&::-webkit-scrollbar-thumb': {
backgroundColor: '#b6b2b2', backgroundColor: token.colorTextTertiary,
borderRadius: '5px', borderRadius: 4,
}, },
'&::-webkit-scrollbar-thumb:hover': { // For Firefox
backgroundColor: '#7a7a7a',
},
// 兼容firefox
'&': { '&': {
scrollbarWidth: 'thin', scrollbarWidth: 'thin',
scrollbarColor: `#b6b2b2 #f1f1f1`, scrollbarColor: `${token.colorTextTertiary} transparent`,
},
'&::-moz-scrollbar-thumb': {
backgroundColor: '#b6b2b2',
},
'&::-moz-scrollbar-track': {
backgroundColor: ' #f1f1f1',
}, },
'&::after': { '&::after': {