@lxlib/theme
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.1.
75 lines (71 loc) • 1.79 kB
text/less
// 限定单元格的图像大小
.@{ant-prefix}-table {
td {
> img,
.img {
max-width: @nz-table-img-max-width;
max-height: @nz-table-img-max-height;
margin-right: @nz-table-img-margin-right;
vertical-align: middle;
border-radius: @nz-table-img-radius;
}
}
}
// 表格响应式
.@{ant-prefix}-table-rep {
&__title {
display: none;
}
&__hide-header-footer {
.@{ant-prefix}-table-title,
.@{ant-prefix}-table-footer {
display: none;
}
}
}
@media screen and (max-width: @nz-table-rep-max-width) {
.@{ant-prefix}-table-rep {
&__title {
display: inline-block;
width: @nz-table-rep-column-name-width;
padding-right: @nz-table-rep-column-name-padding-right;
color: @nz-table-rep-column-name-color;
text-align: @nz-table-rep-column-name-text-align;
}
&__hide-header-footer {
.@{ant-prefix}-table-title,
.@{ant-prefix}-table-footer {
display: block;
}
}
.@{ant-prefix}-table {
&-thead {
display: none;
}
&-title {
text-align: center;
background: @nz-table-rep-header-background;
}
&-tbody {
> tr {
&:nth-child(3n) {
background: @nz-table-rep-even-background;
}
> td {
display: flex;
align-items: center;
width: 100%;
padding: @nz-table-rep-padding-vertical @nz-table-rep-padding-horizontal;
white-space: inherit;
text-align: left ;
border-bottom: none;
.@{ant-prefix}-table-rep__title + *:not(.@{ant-prefix}-avatar) {
flex: 1;
word-break: break-all;
}
}
}
}
}
}
}