mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 14:13:37 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity

fix: segmented hover style (#37498)

Browse Source 
* fix: segmented hover

* chore: optimization

* chore: fix logical prop
This commit is contained in:
MadCcc 2022-09-09 17:04:15 +08:00 committed by GitHub
parent 8e328d0ae2
commit 68bd866187
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/segmented/style/index.tsx
View File

@ -92,9 +92,19 @@ const genSegmentedStyle: GenerateStyle<SegmentedToken> = (token: SegmentedToken)
color: token.labelColorHover,
},
'&:hover, &:focus': {
[`&:hover:not(${componentCls}-item-selected):not(${componentCls}-item-disabled)`]: {
color: token.labelColorHover,
backgroundColor: token.bgColorHover,
'&::after': {
content: '""',
position: 'absolute',
width: '100%',
height: '100%',
top: 0,
insetInlineStart: 0,
borderRadius: token.controlRadiusSM,
backgroundColor: token.bgColorHover,
},
},
'&-label': {
@ -160,6 +170,7 @@ const genSegmentedStyle: GenerateStyle<SegmentedToken> = (token: SegmentedToken)
width: 0,
height: '100%',
padding: `${token.paddingXXS}px 0`,
borderRadius: token.controlRadiusSM,
},
// transition effect when `appear-active`