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

style: add @table-border-color (#28903)

Browse Source
This commit is contained in:
xrkffgg 2021-01-18 09:34:22 +08:00 committed by GitHub
parent 19f3e6cdae
commit dd62098beb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -599,6 +599,7 @@
@table-padding-horizontal-md: (@table-padding-horizontal / 2); @table-padding-horizontal-md: (@table-padding-horizontal / 2);
@table-padding-vertical-sm: (@table-padding-vertical / 2); @table-padding-vertical-sm: (@table-padding-vertical / 2);
@table-padding-horizontal-sm: (@table-padding-horizontal / 2); @table-padding-horizontal-sm: (@table-padding-horizontal / 2);
@table-border-color: @border-color-split;
@table-border-radius-base: @border-radius-base; @table-border-radius-base: @border-radius-base;
@table-footer-bg: @background-color-light; @table-footer-bg: @background-color-light;
@table-footer-color: @heading-color; @table-footer-color: @heading-color;

4
components/table/style/bordered.less
View File

@ -1,7 +1,7 @@
@import './index'; @import './index';
@import './size'; @import './size';
@table-border: @border-width-base @border-style-base @border-color-split; @table-border: @border-width-base @border-style-base @table-border-color;
.@{table-prefix-cls}.@{table-prefix-cls}-bordered { .@{table-prefix-cls}.@{table-prefix-cls}-bordered {
// ============================ Title ============================= // ============================ Title =============================
@ -30,7 +30,7 @@
// ============================ Header ============================ // ============================ Header ============================
> thead { > thead {
> tr:not(:last-child) > th { > tr:not(:last-child) > th {
border-bottom: @border-width-base @border-style-base @border-color-split; border-bottom: @border-width-base @border-style-base @table-border-color;
} }
} }

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

@ -83,7 +83,7 @@
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
background: @table-header-bg; background: @table-header-bg;
border-bottom: @border-width-base @border-style-base @border-color-split; border-bottom: @border-width-base @border-style-base @table-border-color;
transition: background 0.3s ease; transition: background 0.3s ease;
&[colspan]:not([colspan='1']) { &[colspan]:not([colspan='1']) {
@ -103,7 +103,7 @@
&-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 @table-border-color;
transition: background 0.3s; transition: background 0.3s;
// ========================= Nest Table =========================== // ========================= Nest Table ===========================
@ -150,7 +150,7 @@
> tr { > tr {
> th, > th,
> td { > td {
border-bottom: @border-width-base @border-style-base @border-color-split; border-bottom: @border-width-base @border-style-base @table-border-color;
} }
} }
} }
@ -351,7 +351,7 @@
padding: 7px 8px 7px 3px; padding: 7px 8px 7px 3px;
overflow: hidden; overflow: hidden;
background-color: @table-filter-btns-bg; background-color: @table-filter-btns-bg;
border-top: @border-width-base @border-style-base @border-color-split; border-top: @border-width-base @border-style-base @table-border-color;
} }
} }
@ -424,7 +424,7 @@
line-height: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2)) * 2 + @border-width-base * line-height: ceil(((@font-size-sm * 1.4 - @border-width-base * 3) / 2)) * 2 + @border-width-base *
3; 3;
background: @table-expand-icon-bg; background: @table-expand-icon-bg;
border: @border-width-base @border-style-base @border-color-split; border: @border-width-base @border-style-base @table-border-color;
border-radius: @border-radius-base; border-radius: @border-radius-base;
outline: none; outline: none;
transition: all 0.3s; transition: all 0.3s;
@ -614,8 +614,8 @@
z-index: @table-sticky-zindex; z-index: @table-sticky-zindex;
display: flex; display: flex;
align-items: center; align-items: center;
background: lighten(@border-color-split, 80%); background: lighten(@table-border-color, 80%);
border-top: 1px solid @border-color-split; border-top: 1px solid @table-border-color;
opacity: 0.6; opacity: 0.6;
&:hover { &:hover {
transform-origin: center bottom; transform-origin: center bottom;