Merge pull request #17641 from ant-design/fix-firefox-border

fix: Table border radius missing in Firefox
This commit is contained in:
偏右 2019-07-15 18:53:11 +08:00 committed by GitHub
commit b44a075ccc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -28,11 +28,13 @@
overflow-y: hidden !important;
}
// https://github.com/ant-design/ant-design/issues/17611
table {
width: 100%;
text-align: left;
border-radius: @table-border-radius-base @table-border-radius-base 0 0;
border-collapse: collapse;
border-collapse: separate;
border-spacing: 0;
}
&-thead > tr > th {
@ -638,7 +640,10 @@
border: 1px solid @border-color-split;
border-width: 1px 1px 1px 0;
}
&.@{table-prefix-cls}-hide-scrollbar .@{table-prefix-cls}-thead > tr > th:last-child {
&.@{table-prefix-cls}-hide-scrollbar
.@{table-prefix-cls}-thead
> tr:only-child
> th:last-child {
border-right-color: transparent;
}
}
@ -740,10 +745,9 @@
/**
* Another fix of Firefox:
* - https://github.com/ant-design/ant-design/issues/12628
* - https://github.com/ant-design/ant-design/issues/12628
*/
@supports (-moz-appearance: meterbar) {
// https://github.com/ant-design/ant-design/issues/12628
.@{table-prefix-cls}-thead > tr > th.@{table-prefix-cls}-column-has-actions {
background-clip: padding-box;
}