fix: Table nest style (#22643)

This commit is contained in:
二货机器人 2020-03-26 23:39:16 +08:00 committed by GitHub
parent 9316f180ca
commit 0fa8e4cfab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 14 deletions

View File

@ -33,8 +33,8 @@
} }
// ============================= Cell ============================= // ============================= Cell =============================
thead > tr > th, &-thead > tr > th,
tbody > tr > td, &-tbody > tr > td,
tfoot > tr > th, tfoot > tr > th,
tfoot > tr > td { tfoot > tr > td {
position: relative; position: relative;
@ -74,7 +74,7 @@
} }
// ============================ Header ============================ // ============================ Header ============================
thead { &-thead {
> tr { > tr {
> th { > th {
color: @table-header-color; color: @table-header-color;
@ -98,7 +98,7 @@
} }
// ============================= Body ============================= // ============================= Body =============================
tbody { &-tbody {
> tr { > tr {
> td { > td {
border-bottom: @border-width-base @border-style-base @border-color-split; border-bottom: @border-width-base @border-style-base @border-color-split;
@ -132,7 +132,7 @@
background: transparent; background: transparent;
} }
tbody > tr:last-child > td { &-tbody > tr:last-child > td {
border-bottom: 0; border-bottom: 0;
&:first-child, &:first-child,
@ -165,7 +165,7 @@
// ================================================================ // ================================================================
// ============================ Sorter ============================ // ============================ Sorter ============================
thead th.@{table-prefix-cls}-column-has-sorters { &-thead th.@{table-prefix-cls}-column-has-sorters {
cursor: pointer; cursor: pointer;
transition: all 0.3s; transition: all 0.3s;
@ -178,7 +178,7 @@
} }
} }
thead th.@{table-prefix-cls}-column-sort { &-thead th.@{table-prefix-cls}-column-sort {
background: @table-header-sort-bg; background: @table-header-sort-bg;
} }
td&-column-sort { td&-column-sort {
@ -247,7 +247,7 @@
&-open, &-open,
&:hover, &:hover,
thead th.@{table-prefix-cls}-column-has-sorters:hover &:hover { .@{table-prefix-cls}-thead th.@{table-prefix-cls}-column-has-sorters:hover &:hover {
background: @table-header-filter-active-bg; background: @table-header-filter-active-bg;
} }
} }
@ -461,7 +461,7 @@
} }
// ========================= Placeholder ========================== // ========================= Placeholder ==========================
tbody > tr&-placeholder { &-tbody > tr&-placeholder {
text-align: center; text-align: center;
&:hover { &:hover {
> td { > td {

View File

@ -18,7 +18,7 @@
} }
// ============================ Header ============================ // ============================ Header ============================
thead { &-thead {
> tr { > tr {
> th { > th {
&[colspan]:not([colspan='1']) { &[colspan]:not([colspan='1']) {
@ -35,7 +35,7 @@
} }
// ============================= Body ============================= // ============================= Body =============================
tbody { &-tbody {
> tr { > tr {
// ========================= Nest Table =========================== // ========================= Nest Table ===========================
.@{table-prefix-cls} { .@{table-prefix-cls} {

View File

@ -9,8 +9,8 @@
.@{table-prefix-cls}.@{table-prefix-cls}-@{size} { .@{table-prefix-cls}.@{table-prefix-cls}-@{size} {
.@{table-prefix-cls}-title, .@{table-prefix-cls}-title,
.@{table-prefix-cls}-footer, .@{table-prefix-cls}-footer,
thead > tr > th, .@{table-prefix-cls}-thead > tr > th,
tbody > tr > td { .@{table-prefix-cls}-tbody > tr > td {
padding: @padding-vertical @padding-horizontal; padding: @padding-vertical @padding-horizontal;
} }
@ -35,7 +35,7 @@
.table-size(~'small', @table-padding-vertical-sm, @table-padding-horizontal-sm); .table-size(~'small', @table-padding-vertical-sm, @table-padding-horizontal-sm);
.@{table-prefix-cls}.@{table-prefix-cls}-small { .@{table-prefix-cls}.@{table-prefix-cls}-small {
thead > tr > th { .@{table-prefix-cls}-thead > tr > th {
background-color: @table-header-bg-sm; background-color: @table-header-bg-sm;
} }
} }