test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 19:19:26 +08:00
Code Issues Actions 68 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
class="ant-divider ant-divider-horizontal"
role="separator"
style="height:2px;background-color:#7cb305"
style="border-width:2px;border-color:#7cb305"
/>,
<div
class="ant-divider ant-divider-horizontal ant-divider-dashed"
@ -15,7 +15,7 @@ Array [
<div
class="ant-divider ant-divider-vertical"
role="separator"
style="height:60px;background-color:#7cb305"
style="height:60px;border-color:#7cb305"
/>,
<div
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(
<>
<Divider style={{ height: 2, backgroundColor: '#7cb305' }} />
<Divider style={{ borderWidth: 2, borderColor: '#7cb305' }} />
<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 />
</>,
mountNode,

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

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

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

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