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

Make table styles more percise, fix DatePicker in Table

Browse Source 
close #2675
This commit is contained in:
afc163 2016-08-14 16:18:12 +08:00
parent 6b0a3e129c
commit ef23ee9d68
1 changed files with 24 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,7 +25,7 @@
overflow: hidden; overflow: hidden;
} }
th { &-thead > tr > th {
background: @table-head-background-color; background: @table-head-background-color;
font-weight: bold; font-weight: bold;
transition: background .3s ease; transition: background .3s ease;
@ -47,11 +47,12 @@
} }
} }
td { &-tbody > tr > td {
border-bottom: 1px solid @border-color-split; border-bottom: 1px solid @border-color-split;
} }
tr { &-thead > tr,
&-tbody > tr {
transition: all .3s ease; transition: all .3s ease;
&.@{table-prefix-cls}-row-hover, &.@{table-prefix-cls}-row-hover,
&:hover { &:hover {
@ -59,7 +60,7 @@
} }
} }
thead tr:hover { &-thead > tr:hover {
background: none; background: none;
} }
@ -103,8 +104,8 @@
background: #eaeaea; background: #eaeaea;
} }
th, &-thead > tr > th,
td { &-tbody > tr > td {
padding: 16px 8px; padding: 16px 8px;
word-break: break-all; word-break: break-all;
} }
@ -148,8 +149,8 @@
} }
&-middle { &-middle {
th, .@{table-prefix-cls}-thead > tr > th,
td { .@{table-prefix-cls}-tbody > tr > td {
padding: 10px 8px; padding: 10px 8px;
} }
} }
@ -158,18 +159,22 @@
border: 1px solid @border-color-split; border: 1px solid @border-color-split;
border-radius: @border-radius-base; border-radius: @border-radius-base;
table { .@{table-prefix-cls}-body > table {
border: 0; border: 0;
padding: 0 8px; padding: 0 8px;
} }
th { &.@{table-prefix-cls}-bordered .@{table-prefix-cls}-body > table {
border: 0;
}
.@{table-prefix-cls}-thead > tr > th {
padding: 10px 8px; padding: 10px 8px;
background: #fff; background: #fff;
border-bottom: 1px solid @border-color-split; border-bottom: 1px solid @border-color-split;
} }
td { .@{table-prefix-cls}-tbody > tr > td {
padding: 6px 8px; padding: 6px 8px;
} }
@ -178,7 +183,7 @@
table { table {
border-bottom: 1px solid @border-color-split; border-bottom: 1px solid @border-color-split;
} }
th { .@{table-prefix-cls}-thead > tr > th {
border-bottom: 0; border-bottom: 0;
} }
} }
@ -225,7 +230,7 @@
} }
&-bordered { &-bordered {
table { .@{table-prefix-cls}-body > table {
border: 1px solid @border-color-split; border: 1px solid @border-color-split;
} }
@ -242,19 +247,19 @@
} }
} }
th { .@{table-prefix-cls}-thead > tr > th {
border-bottom: 1px solid @border-color-split; border-bottom: 1px solid @border-color-split;
} }
tbody tr:last-child { .@{table-prefix-cls}-tbody tr:last-child {
th, > th,
td { > td {
border-bottom: 0; border-bottom: 0;
} }
} }
th, .@{table-prefix-cls}-thead > tr > th,
td { .@{table-prefix-cls}-tbody > tr > td {
border-right: 1px solid @border-color-split; border-right: 1px solid @border-color-split;
&:last-child { &:last-child {
border-right: 0; border-right: 0;