mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 05:05:48 +08:00
Code Issues Actions 43 Packages Projects Releases Wiki Activity

style: tweak divider border color (#25855)

Browse Source
This commit is contained in:
偏右 2020-07-28 15:45:51 +08:00 committed by GitHub
parent f4e76c603e
commit 246d3767ea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/divider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -5,7 +5,7 @@ Array [
<div <div
class="ant-divider ant-divider-horizontal" class="ant-divider ant-divider-horizontal"
role="separator" role="separator"
style="height:2px;background-color:#7cb305" style="border-width:2px;border-color:#7cb305"
/>, />,
<div <div
class="ant-divider ant-divider-horizontal ant-divider-dashed" class="ant-divider ant-divider-horizontal ant-divider-dashed"
@ -15,7 +15,7 @@ Array [
<div <div
class="ant-divider ant-divider-vertical" class="ant-divider ant-divider-vertical"
role="separator" role="separator"
style="height:60px;background-color:#7cb305" style="height:60px;border-color:#7cb305"
/>, />,
<div <div
class="ant-divider ant-divider-vertical ant-divider-dashed" class="ant-divider ant-divider-vertical ant-divider-dashed"

4
components/divider/demo/customize-style.md
View File

@ -19,9 +19,9 @@ import { Divider } from 'antd';
ReactDOM.render( ReactDOM.render(
<> <>
<Divider style={{ height: 2, backgroundColor: '#7cb305' }} /> <Divider style={{ borderWidth: 2, borderColor: '#7cb305' }} />
<Divider style={{ borderColor: '#7cb305' }} dashed /> <Divider style={{ borderColor: '#7cb305' }} dashed />
<Divider type="vertical" style={{ height: 60, backgroundColor: '#7cb305' }} /> <Divider type="vertical" style={{ height: 60, borderColor: '#7cb305' }} />
<Divider type="vertical" style={{ height: 60, borderColor: '#7cb305' }} dashed /> <Divider type="vertical" style={{ height: 60, borderColor: '#7cb305' }} dashed />
</>, </>,
mountNode, mountNode,

8
components/divider/style/index.less
View File

@ -6,7 +6,7 @@
.@{divider-prefix-cls} { .@{divider-prefix-cls} {
.reset-component; .reset-component;
border-top: 1px solid @border-color-split; border-top: 1px solid @divider-color;
&-vertical { &-vertical {
position: relative; position: relative;
@ -16,7 +16,7 @@
margin: 0 8px; margin: 0 8px;
vertical-align: middle; vertical-align: middle;
border-top: 0; border-top: 0;
border-left: 1px solid @border-color-split; border-left: 1px solid @divider-color;
} }
&-horizontal { &-horizontal {
@ -41,7 +41,7 @@
position: relative; position: relative;
top: 50%; top: 50%;
width: 50%; width: 50%;
border-top: 1px solid @border-color-split; border-top: 1px solid @divider-color;
transform: translateY(50%); transform: translateY(50%);
content: ''; content: '';
} }
@ -76,7 +76,7 @@
&-dashed { &-dashed {
background: none; background: none;
border-color: @border-color-split; border-color: @divider-color;
border-style: dashed; border-style: dashed;
border-width: 1px 0 0; border-width: 1px 0 0;
} }

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

@ -244,6 +244,7 @@
// Divider // Divider
@divider-text-padding: 1em; @divider-text-padding: 1em;
@divider-orientation-margin: 5%; @divider-orientation-margin: 5%;
@divider-color: rgba(0, 0, 0, 6%);
// Dropdown // Dropdown
@dropdown-selected-color: @primary-color; @dropdown-selected-color: @primary-color;