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 17 Packages Projects Releases Wiki Activity

💄 Add @table-header-bg-sm and fix footer style

Browse Source 
close #19936
This commit is contained in:
afc163 2019-11-26 15:33:14 +08:00
parent 103920e4f5
commit 3fa135023f
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/style/themes/default.less
View File

@ -446,6 +446,7 @@
@table-border-radius-base: @border-radius-base;
@table-footer-bg: @background-color-light;
@table-footer-color: @heading-color;
@table-header-bg-sm: transparent;
// Tag
// --

16
components/table/style/size.less
View File

@ -5,7 +5,7 @@
.@{table-prefix-cls}-middle {
> .@{table-prefix-cls}-title,
> .@{table-prefix-cls}-footer {
> .@{table-prefix-cls}-content > .@{table-prefix-cls}-footer {
padding: @table-padding-vertical-md @table-padding-horizontal-md;
}
> .@{table-prefix-cls}-content {
@ -41,7 +41,7 @@
border-radius: @table-border-radius-base;
> .@{table-prefix-cls}-title,
> .@{table-prefix-cls}-footer {
> .@{table-prefix-cls}-content > .@{table-prefix-cls}-footer {
padding: @table-padding-vertical-sm @table-padding-horizontal-sm;
}
@ -50,6 +50,14 @@
border-bottom: @border-width-base @border-style-base @border-color-split;
}
> .@{table-prefix-cls}-content > .@{table-prefix-cls}-footer {
background-color: transparent;
border-top: @border-width-base @border-style-base @border-color-split;
&::before {
background-color: transparent;
}
}
> .@{table-prefix-cls}-content {
> .@{table-prefix-cls}-body {
margin: 0 @table-padding-horizontal-sm;
@ -75,7 +83,7 @@
padding: @table-padding-vertical-sm @table-padding-horizontal-sm;
}
> .@{table-prefix-cls}-thead > tr > th {
background-color: transparent;
background-color: @table-header-bg-sm;
}
> .@{table-prefix-cls}-thead > tr {
border-bottom: @border-width-base @border-style-base @border-color-split;
@ -101,7 +109,7 @@
}
.@{table-prefix-cls}-header {
background-color: @component-background;
background-color: @table-header-bg-sm;
border-radius: @table-border-radius-base @table-border-radius-base 0 0;
}