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

Fix nested Table size style, close #8525

Browse Source
This commit is contained in:
afc163 2017-12-10 16:20:02 +08:00
parent b5f13b49ae
commit eae1a0044c
2 changed files with 127 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -213,95 +213,6 @@
}
}
&-middle {
.@{table-prefix-cls}-thead > tr > th,
.@{table-prefix-cls}-tbody > tr > td {
padding: 12px 8px;
}
.@{table-prefix-cls}-title,
.@{table-prefix-cls}-footer {
padding: 12px 8px;
}
.@{table-prefix-cls}-column-sorter-up:after {
top: -13px;
height: 13px;
}
.@{table-prefix-cls}-column-sorter-down:after {
bottom: -11px;
height: 13px;
}
.@{table-prefix-cls}-thead > tr > th {
.@{iconfont-css-prefix}-filter,
.@{table-prefix-cls}-filter-icon {
&:after {
height: 38px;
top: -13px;
}
}
}
}
&-small {
border: @border-width-base @border-style-base @border-color-split;
border-radius: @border-radius-base;
.@{table-prefix-cls}-header > table,
.@{table-prefix-cls}-body > table {
border: 0;
padding: 0 8px;
}
.@{table-prefix-cls}-thead > tr > th {
background: @component-background;
border-bottom: @border-width-base @border-style-base @border-color-split;
.@{iconfont-css-prefix}-filter,
.@{table-prefix-cls}-filter-icon {
&:after {
height: 39px;
top: -14px;
}
}
}
.@{table-prefix-cls}-tbody > tr > td {
padding: 8px;
}
.@{table-prefix-cls}-title,
.@{table-prefix-cls}-footer,
.@{table-prefix-cls}-thead > tr > th {
padding: 8px;
}
.@{table-prefix-cls}-title {
border-bottom: @border-width-base @border-style-base @border-color-split;
top: 0;
}
.@{table-prefix-cls}-header {
background: @component-background;
}
.@{table-prefix-cls}-placeholder,
.@{table-prefix-cls}-row:last-child td {
border-bottom: 0;
}
.@{table-prefix-cls}-column-sorter-up:after {
top: -14px;
height: 13px;
}
.@{table-prefix-cls}-column-sorter-down:after {
bottom: -11px;
height: 13px;
}
}
&-column-sorter {
position: relative;
margin-left: 8px;
@ -400,38 +311,6 @@
.@{table-prefix-cls}-tbody > tr > td {
border-right: @border-width-base @border-style-base @border-color-split;
}
&.@{table-prefix-cls}-small {
border-right: 0;
.@{table-prefix-cls}-header > table,
.@{table-prefix-cls}-body > table,
.@{table-prefix-cls}-fixed-left table,
.@{table-prefix-cls}-fixed-right table {
border: 0;
padding: 0;
}
.@{table-prefix-cls}-title {
border: 0;
border-bottom: @border-width-base @border-style-base @border-color-split;
border-right: @border-width-base @border-style-base @border-color-split;
}
.@{table-prefix-cls}-footer {
border: 0;
border-top: @border-width-base @border-style-base @border-color-split;
border-right: @border-width-base @border-style-base @border-color-split;
&:before {
display: none;
}
}
.@{table-prefix-cls}-placeholder {
border-left: 0;
border-bottom: 0;
}
}
}
&-placeholder {
@ -688,3 +567,5 @@
box-shadow: none;
}
}
@import './size';

125
components/table/style/size.less Normal file
View File

@ -0,0 +1,125 @@
.@{table-prefix-cls}-middle {
> .@{table-prefix-cls}-content {
> .@{table-prefix-cls}-header > table,
> .@{table-prefix-cls}-body > table {
> .@{table-prefix-cls}-thead > tr > th,
> .@{table-prefix-cls}-tbody > tr > td {
padding: 12px 8px;
}
}
}
.@{table-prefix-cls}-title,
.@{table-prefix-cls}-footer {
padding: 12px 8px;
}
.@{table-prefix-cls}-column-sorter-up:after {
top: -13px;
height: 13px;
}
.@{table-prefix-cls}-column-sorter-down:after {
bottom: -11px;
height: 13px;
}
.@{table-prefix-cls}-thead > tr > th {
.@{iconfont-css-prefix}-filter,
.@{table-prefix-cls}-filter-icon {
&:after {
height: 38px;
top: -13px;
}
}
}
}
.@{table-prefix-cls}-small {
border: @border-width-base @border-style-base @border-color-split;
border-radius: @border-radius-base;
> .@{table-prefix-cls}-content {
> .@{table-prefix-cls}-header > table,
> .@{table-prefix-cls}-body > table {
border: 0;
padding: 0 8px;
> .@{table-prefix-cls}-thead > tr > th,
> .@{table-prefix-cls}-tbody > tr > td {
padding: 8px;
}
> .@{table-prefix-cls}-thead > tr > th {
background: @component-background;
border-bottom: @border-width-base @border-style-base @border-color-split;
.@{iconfont-css-prefix}-filter,
.@{table-prefix-cls}-filter-icon {
&:after {
height: 39px;
top: -14px;
}
}
}
}
.@{table-prefix-cls}-title,
.@{table-prefix-cls}-footer {
padding: 8px;
}
.@{table-prefix-cls}-title {
border-bottom: @border-width-base @border-style-base @border-color-split;
top: 0;
}
.@{table-prefix-cls}-header {
background: @component-background;
}
.@{table-prefix-cls}-placeholder,
.@{table-prefix-cls}-row:last-child td {
border-bottom: 0;
}
.@{table-prefix-cls}-column-sorter-up:after {
top: -14px;
height: 13px;
}
.@{table-prefix-cls}-column-sorter-down:after {
bottom: -11px;
height: 13px;
}
}
&.@{table-prefix-cls}-bordered {
border-right: 0;
.@{table-prefix-cls}-header > table,
.@{table-prefix-cls}-body > table,
.@{table-prefix-cls}-fixed-left table,
.@{table-prefix-cls}-fixed-right table {
border: 0;
padding: 0;
}
.@{table-prefix-cls}-title {
border: 0;
border-bottom: @border-width-base @border-style-base @border-color-split;
border-right: @border-width-base @border-style-base @border-color-split;
}
.@{table-prefix-cls}-footer {
border: 0;
border-top: @border-width-base @border-style-base @border-color-split;
border-right: @border-width-base @border-style-base @border-color-split;
&:before {
display: none;
}
}
.@{table-prefix-cls}-placeholder {
border-left: 0;
border-bottom: 0;
}
}
}