mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

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

Browse Source 
* - 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
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/table/style/index.less
View File

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