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

feat: custom slider handle margin left in the vertical direction (#37001)

Browse Source
This commit is contained in:
Alan Deng 2022-08-15 21:46:08 +08:00 committed by GitHub
parent ca73f6e3f1
commit 4b1b0e3d00
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/slider/style/index.less
View File

@ -178,7 +178,7 @@
.@{slider-prefix-cls}-handle { .@{slider-prefix-cls}-handle {
margin-top: -6px; // we chould consider border width as well: (10 + 2 ) / 2 margin-top: -6px; // we chould consider border width as well: (10 + 2 ) / 2
margin-left: -5px; margin-left: @slider-handle-margin-left;
} }
.@{slider-prefix-cls}-mark { .@{slider-prefix-cls}-mark {

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

@ -893,6 +893,7 @@
@slider-handle-color-tooltip-open: @primary-color; @slider-handle-color-tooltip-open: @primary-color;
@slider-handle-size: 14px; @slider-handle-size: 14px;
@slider-handle-margin-top: -5px; @slider-handle-margin-top: -5px;
@slider-handle-margin-left: -5px;
@slider-handle-shadow: 0; @slider-handle-shadow: 0;
@slider-dot-border-color: @border-color-split; @slider-dot-border-color: @border-color-split;
@slider-dot-border-color-active: tint(@primary-color, 50%); @slider-dot-border-color-active: tint(@primary-color, 50%);

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

@ -948,6 +948,7 @@
@slider-handle-color-tooltip-open: @primary-color; @slider-handle-color-tooltip-open: @primary-color;
@slider-handle-size: 14px; @slider-handle-size: 14px;
@slider-handle-margin-top: -5px; @slider-handle-margin-top: -5px;
@slider-handle-margin-left: -5px;
@slider-handle-shadow: 0; @slider-handle-shadow: 0;
@slider-dot-border-color: @border-color-split; @slider-dot-border-color: @border-color-split;
@slider-dot-border-color-active: ~'var(--@{ant-prefix}-primary-color-deprecated-t-50)'; @slider-dot-border-color-active: ~'var(--@{ant-prefix}-primary-color-deprecated-t-50)';