mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 03:22:59 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

fix: radio align (#39476)

Browse Source 
* fix: radio align

* chore: code clean

* fix: align-self center

* chore: code clean

* chore: code clean
This commit is contained in:
MadCcc 2022-12-12 20:36:35 +08:00 committed by GitHub
parent de31c90b08
commit 2d5c8fe408
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/radio/style/index.tsx
View File

@ -68,7 +68,6 @@ const getRadioBasicStyle: GenerateStyle<RadioToken> = (token) => {
componentCls, componentCls,
radioWrapperMarginRight, radioWrapperMarginRight,
radioCheckedColor, radioCheckedColor,
radioTop,
radioSize, radioSize,
motionDurationSlow, motionDurationSlow,
motionDurationMid, motionDurationMid,
@ -135,10 +134,10 @@ const getRadioBasicStyle: GenerateStyle<RadioToken> = (token) => {
[componentCls]: { [componentCls]: {
...resetComponent(token), ...resetComponent(token),
position: 'relative', position: 'relative',
insetBlockStart: radioTop,
display: 'inline-block', display: 'inline-block',
outline: 'none', outline: 'none',
cursor: 'pointer', cursor: 'pointer',
alignSelf: 'center',
}, },
[`${componentCls}-wrapper:hover &, [`${componentCls}-wrapper:hover &,
@ -487,8 +486,6 @@ export default genComponentStyleHook('Radio', (token) => {
controlItemBgActiveDisabled, controlItemBgActiveDisabled,
colorTextDisabled, colorTextDisabled,
colorBgContainer, colorBgContainer,
fontSize,
lineHeight,
fontSizeLG, fontSizeLG,
controlOutline, controlOutline,
colorPrimaryHover, colorPrimaryHover,
@ -506,7 +503,6 @@ export default genComponentStyleHook('Radio', (token) => {
const radioButtonFocusShadow = radioFocusShadow; const radioButtonFocusShadow = radioFocusShadow;
const radioSize = fontSizeLG; const radioSize = fontSizeLG;
const radioTop = (Math.round(fontSize * lineHeight) - radioSize) / 2;
const dotPadding = 4; // Fixed value const dotPadding = 4; // Fixed value
const radioDotDisabledSize = radioSize - dotPadding * 2; const radioDotDisabledSize = radioSize - dotPadding * 2;
const radioDotSize = wireframe ? radioDotDisabledSize : radioSize - (dotPadding + lineWidth) * 2; const radioDotSize = wireframe ? radioDotDisabledSize : radioSize - (dotPadding + lineWidth) * 2;
@ -524,7 +520,6 @@ export default genComponentStyleHook('Radio', (token) => {
radioFocusShadow, radioFocusShadow,
radioButtonFocusShadow, radioButtonFocusShadow,
radioSize, radioSize,
radioTop,
radioDotSize, radioDotSize,
radioDotDisabledSize, radioDotDisabledSize,
radioCheckedColor, radioCheckedColor,