mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 19:19:57 +08:00
Code Issues Actions 31 Packages Projects Releases Wiki Activity

fix(Tree): Checkbox and title do not align (#41920)

Browse Source
This commit is contained in:
JiaQi 2023-04-21 14:59:32 +08:00 committed by GitHub
parent cdb5968558
commit 40fb753349
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/tree/style/index.ts
View File

@ -63,9 +63,16 @@ type TreeToken = DerivativeToken & {
};
export const genBaseStyle = (prefixCls: string, token: TreeToken): CSSObject => {
const { treeCls, treeNodeCls, treeNodePadding, treeTitleHeight } = token;
const treeCheckBoxMarginVertical = (treeTitleHeight - token.fontSizeLG) / 2;
const {
treeCls,
treeNodeCls,
controlInteractiveSize: checkboxSize,
treeNodePadding,
treeTitleHeight,
} = token;
// Ref: https://github.com/ant-design/ant-design/issues/41564
const checkBoxOffset = (token.lineHeight * token.fontSize) / 2 - checkboxSize / 2;
const treeCheckBoxMarginVertical = (treeTitleHeight - token.fontSizeLG) / 2 - checkBoxOffset;
const treeCheckBoxMarginHorizontal = token.paddingXS;
return {