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

fix: safari slider (#38193)

Browse Source
This commit is contained in:
MadCcc 2022-10-24 15:59:56 +08:00 committed by GitHub
parent 55b98fa8ef
commit 458cb84a89
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/slider/style/index.tsx
View File

@ -96,7 +96,7 @@ const genBaseStyle: GenerateStyle<SliderToken> = token => {
width: token.handleSize,
height: token.handleSize,
backgroundColor: token.colorBgContainer,
outline: `${token.handleLineWidth}px solid ${token.colorPrimaryBorder}`,
boxShadow: `0 0 0 ${token.handleLineWidth}px ${token.colorPrimaryBorder}`,
borderRadius: '50%',
cursor: 'pointer',
transition: `
@ -104,7 +104,7 @@ const genBaseStyle: GenerateStyle<SliderToken> = token => {
inset-block-start ${token.motionDurationFast},
width ${token.motionDurationFast},
height ${token.motionDurationFast},
outline ${token.motionDurationFast}
box-shadow ${token.motionDurationFast}
`,
},
@ -117,8 +117,7 @@ const genBaseStyle: GenerateStyle<SliderToken> = token => {
},
'&::after': {
outlineWidth: token.handleLineWidthHover,
outlineColor: token.colorPrimary,
boxShadow: `0 0 0 ${token.handleLineWidthHover}px ${token.colorPrimary}`,
width: token.handleSizeHover,
height: token.handleSizeHover,
insetInlineStart: (token.handleSize - token.handleSizeHover) / 2,
@ -141,15 +140,15 @@ const genBaseStyle: GenerateStyle<SliderToken> = token => {
},
[`${componentCls}-handle${antCls}-tooltip-open::after`]: {
outlineColor: token.colorPrimary,
boxShadow: `0 0 0 ${token.handleLineWidthHover}px ${token.colorPrimary}`,
},
[`
${componentCls}-handle::after,
${componentCls}-dot-active
`]: {
[`${componentCls}-handle::after`]: {
boxShadow: `0 0 0 ${token.handleLineWidthHover}px ${token.colorPrimary}`,
},
[`${componentCls}-dot-active`]: {
borderColor: token.colorPrimary,
outlineColor: token.colorPrimary,
},
},
@ -205,22 +204,22 @@ const genBaseStyle: GenerateStyle<SliderToken> = token => {
},
[`
${componentCls}-handle::after,
${componentCls}-dot
`]: {
backgroundColor: token.colorBgContainer,
borderColor: token.colorTextDisabled,
outlineColor: new TinyColor(token.colorTextDisabled)
.onBackground(token.colorBgContainer)
.toHexString(),
boxShadow: 'none',
cursor: 'not-allowed',
},
[`${componentCls}-handle::after`]: {
backgroundColor: token.colorBgContainer,
cursor: 'not-allowed',
width: token.handleSize,
height: token.handleSize,
outlineWidth: token.handleLineWidth,
boxShadow: `0 0 0 ${token.handleLineWidth}px ${new TinyColor(token.colorTextDisabled)
.onBackground(token.colorBgContainer)
.toHexString()}`,
insetInlineStart: 0,
insetBlockStart: 0,
},