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

fix: Table row height (#22367)

Browse Source 
* fix style

* rtl support
This commit is contained in:
二货机器人 2020-03-18 22:13:12 +08:00 committed by GitHub
parent 4d1f37fbbb
commit 2215c7e17a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -58,17 +58,10 @@
// Fixed first or last should special process // Fixed first or last should special process
&.@{table-prefix-cls}-cell-fix-left-last, &.@{table-prefix-cls}-cell-fix-left-last,
&.@{table-prefix-cls}-cell-fix-right-first { &.@{table-prefix-cls}-cell-fix-right-first {
display: flex;
overflow: visible; overflow: visible;
> .@{table-prefix-cls}-row-indent,
> .@{table-prefix-cls}-row-expand-icon {
flex: none;
}
.@{table-prefix-cls}-cell-content { .@{table-prefix-cls}-cell-content {
display: block; display: block;
flex: auto;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
@ -424,11 +417,21 @@
text-align: center; text-align: center;
} }
&-row-indent {
float: left;
height: 1px;
.@{table-wrapepr-rtl-cls} & {
float: right;
}
}
&-row-expand-icon { &-row-expand-icon {
.operation-unit(); .operation-unit();
position: relative; position: relative;
display: inline-flex; display: inline-flex;
box-sizing: border-box; box-sizing: border-box;
float: left;
width: ceil(@font-size-sm * 1.4); width: ceil(@font-size-sm * 1.4);
height: ceil(@font-size-sm * 1.4); height: ceil(@font-size-sm * 1.4);
@ -443,6 +446,10 @@
transition: all 0.3s; transition: all 0.3s;
user-select: none; user-select: none;
.@{table-wrapepr-rtl-cls} & {
float: right;
}
&:focus, &:focus,
&:hover, &:hover,
&:active { &:active {
@ -492,6 +499,7 @@
.@{table-prefix-cls}-row-indent + & { .@{table-prefix-cls}-row-indent + & {
margin-right: @padding-xs; margin-right: @padding-xs;
margin-top: (@font-size-base * @line-height-base - ceil(@font-size-sm * 1.4)) / 2;
.@{table-wrapepr-rtl-cls} & { .@{table-wrapepr-rtl-cls} & {
margin-right: 0; margin-right: 0;