fix: 🐛 Table Expand Icon size issue (#26409)

* - https://github.com/ant-design/ant-design/issues/24719
Expand Icon

* - https://github.com/ant-design/ant-design/issues/24719
Expand Icon

Co-authored-by: Gary Wei <wgz@tip-lab.com>
This commit is contained in:
偏右 2020-08-26 13:43:48 +08:00 committed by GitHub
parent 453eafe68d
commit e11da52bf7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -412,12 +412,13 @@
float: left;
box-sizing: border-box;
width: ceil(@font-size-sm * 1.4);
height: ceil(@font-size-sm * 1.4);
width: ceil((@font-size-sm * 1.4 - @border-width-base * 3) / 2) * 2 + @border-width-base * 3;
height: ceil((@font-size-sm * 1.4 - @border-width-base * 3) / 2) * 2 + @border-width-base * 3;
padding: 0;
color: inherit;
line-height: @font-size-sm;
vertical-align: floor((@font-size-base - ceil(@font-size-sm * 1.4)) / 2);
line-height: ceil((@font-size-sm * 1.4 - @border-width-base * 3) / 2) * 2 + @border-width-base *
3;
// vertical-align: floor((@font-size-base - ceil(@font-size-sm * 1.4)) / 2);
background: @table-expand-icon-bg;
border: @border-width-base @border-style-base @border-color-split;
border-radius: @border-radius-base;
@ -440,7 +441,7 @@
}
&::before {
top: 7px;
top: ceil((@font-size-sm * 1.4 - @border-width-base * 3) / 2);
right: 3px;
left: 3px;
height: @border-width-base;
@ -449,7 +450,7 @@
&::after {
top: 3px;
bottom: 3px;
left: 7px;
left: ceil((@font-size-sm * 1.4 - @border-width-base * 3) / 2);
width: @border-width-base;
transform: rotate(90deg);
}
@ -474,7 +475,8 @@
}
.@{table-prefix-cls}-row-indent + & {
margin-top: (@font-size-base * @line-height-base - ceil(@font-size-sm * 1.4)) / 2;
margin-top: (@font-size-base * @line-height-base - @border-width-base * 3) / 2 -
ceil((@font-size-sm * 1.4 - @border-width-base * 3) / 2);
margin-right: @padding-xs;
}
}