Skip to content

Commit 3139313

Browse files
authored
fix: optimize TimePicker scrollbar style (#45586)
1 parent 7e28473 commit 3139313

File tree

1 file changed

+6
-15
lines changed

1 file changed

+6
-15
lines changed

components/date-picker/style/index.ts

Lines changed: 6 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -921,28 +921,19 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
921921
overflowX: 'hidden',
922922

923923
'&::-webkit-scrollbar': {
924-
width: '7px',
925-
backgroundColor: ' #f1f1f1',
924+
width: 8,
925+
backgroundColor: 'transparent',
926926
},
927927

928928
'&::-webkit-scrollbar-thumb': {
929-
backgroundColor: '#b6b2b2',
930-
borderRadius: '5px',
929+
backgroundColor: token.colorTextTertiary,
930+
borderRadius: 4,
931931
},
932932

933-
'&::-webkit-scrollbar-thumb:hover': {
934-
backgroundColor: '#7a7a7a',
935-
},
936-
// 兼容firefox
933+
// For Firefox
937934
'&': {
938935
scrollbarWidth: 'thin',
939-
scrollbarColor: `#b6b2b2 #f1f1f1`,
940-
},
941-
'&::-moz-scrollbar-thumb': {
942-
backgroundColor: '#b6b2b2',
943-
},
944-
'&::-moz-scrollbar-track': {
945-
backgroundColor: ' #f1f1f1',
936+
scrollbarColor: `${token.colorTextTertiary} transparent`,
946937
},
947938

948939
'&::after': {

0 commit comments

Comments
 (0)