test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 11:08:45 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

style(data-picker): add time-picker scrollbar styles (#45478)

Browse Source 
* style(data-picker): add time-picker scrollbar styles

Signed-off-by: George H <default_hyn@163.com>

* style(data-picker): add time-picker scrollbar styles

Signed-off-by: George H <default_hyn@163.com>

* style(time-picker) :Compatible with firefox

---------

Signed-off-by: George H <default_hyn@163.com>
This commit is contained in:
George H 2023-10-27 10:17:17 +08:00 committed by GitHub
parent 670cdf4ed9
commit 8c45c73222
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
components/date-picker/style/index.ts
View File

@ -920,6 +920,31 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
transition: `background ${motionDurationMid}`,
overflowX: 'hidden',
'&::-webkit-scrollbar': {
width: '7px',
backgroundColor: ' #f1f1f1',
},
'&::-webkit-scrollbar-thumb': {
backgroundColor: '#b6b2b2',
borderRadius: '5px',
},
'&::-webkit-scrollbar-thumb:hover': {
backgroundColor: '#7a7a7a',
},
// 兼容firefox
'&': {
scrollbarWidth: 'thin',
scrollbarColor: `#b6b2b2 #f1f1f1`,
},
'&::-moz-scrollbar-thumb': {
backgroundColor: '#b6b2b2',
},
'&::-moz-scrollbar-track': {
backgroundColor: ' #f1f1f1',
},
'&::after': {
display: 'block',
height: timeColumnHeight - timeCellHeight,