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

feat(table): support table border-radius define in theme

Browse Source
This commit is contained in:
vthinkxie 2018-12-21 11:46:52 +08:00 committed by 偏右
parent b24d5a65a5
commit f99b8a1792
3 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -356,6 +356,7 @@
@table-expanded-row-bg: #fbfbfb; @table-expanded-row-bg: #fbfbfb;
@table-padding-vertical: 16px; @table-padding-vertical: 16px;
@table-padding-horizontal: 16px; @table-padding-horizontal: 16px;
@table-border-radius-base : @border-radius-base;
// Tag // Tag
// -- // --

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

@ -27,7 +27,7 @@
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
text-align: left; text-align: left;
border-radius: @border-radius-base @border-radius-base 0 0; border-radius: @table-border-radius-base @table-border-radius-base 0 0;
} }
&-thead > tr > th { &-thead > tr > th {
@ -178,11 +178,11 @@
&-thead > tr:first-child > th { &-thead > tr:first-child > th {
&:first-child { &:first-child {
border-top-left-radius: @border-radius-base; border-top-left-radius: @table-border-radius-base;
} }
&:last-child { &:last-child {
border-top-right-radius: @border-radius-base; border-top-right-radius: @table-border-radius-base;
} }
} }
@ -215,7 +215,7 @@
&-footer { &-footer {
padding: @table-padding-vertical @table-padding-horizontal; padding: @table-padding-vertical @table-padding-horizontal;
background: @table-header-bg; background: @table-header-bg;
border-radius: 0 0 @border-radius-base @border-radius-base; border-radius: 0 0 @table-border-radius-base @table-border-radius-base;
position: relative; position: relative;
border-top: @border-width-base @border-style-base @border-color-split; border-top: @border-width-base @border-style-base @border-color-split;
&:before { &:before {
@ -237,7 +237,7 @@
padding: @table-padding-vertical 0; padding: @table-padding-vertical 0;
position: relative; position: relative;
top: 1px; top: 1px;
border-radius: @border-radius-base @border-radius-base 0 0; border-radius: @table-border-radius-base @table-border-radius-base 0 0;
} }
&.@{table-prefix-cls}-bordered &-title { &.@{table-prefix-cls}-bordered &-title {
@ -248,7 +248,7 @@
&-title + &-content { &-title + &-content {
position: relative; position: relative;
border-radius: @border-radius-base @border-radius-base 0 0; border-radius: @table-border-radius-base @table-border-radius-base 0 0;
overflow: hidden; overflow: hidden;
.@{table-prefix-cls}-bordered & { .@{table-prefix-cls}-bordered & {
&, &,
@ -311,7 +311,7 @@
} }
&-header table { &-header table {
border-radius: @border-radius-base @border-radius-base 0 0; border-radius: @table-border-radius-base @table-border-radius-base 0 0;
} }
&-loading { &-loading {
@ -620,7 +620,7 @@
} }
&, &,
table { table {
border-radius: @border-radius-base 0 0 0; border-radius: @table-border-radius-base 0 0 0;
} }
.ant-table-thead > tr > th:last-child { .ant-table-thead > tr > th:last-child {
border-top-right-radius: 0; border-top-right-radius: 0;
@ -632,7 +632,7 @@
box-shadow: -6px 0 6px -4px @shadow-color; box-shadow: -6px 0 6px -4px @shadow-color;
&, &,
table { table {
border-radius: 0 @border-radius-base 0 0; border-radius: 0 @table-border-radius-base 0 0;
} }
// hide expand row content in right-fixed Table // hide expand row content in right-fixed Table
// https://github.com/ant-design/ant-design/issues/1898 // https://github.com/ant-design/ant-design/issues/1898

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

@ -37,7 +37,7 @@
.@{table-prefix-cls}-small { .@{table-prefix-cls}-small {
border: @border-width-base @border-style-base @border-color-split; border: @border-width-base @border-style-base @border-color-split;
border-radius: @border-radius-base; border-radius: @table-border-radius-base;
> .@{table-prefix-cls}-title, > .@{table-prefix-cls}-title,
> .@{table-prefix-cls}-footer { > .@{table-prefix-cls}-footer {