From 62d727b567d06f2fafd3383d01ae76ae3a76543e Mon Sep 17 00:00:00 2001
From: kooriookami <38392315+kooriookami@users.noreply.github.com>
Date: Thu, 26 Nov 2020 09:09:53 -0600
Subject: [PATCH] style(slider): slider button style change (#699)

* style(slider): slider button style change

slider button add box-sizing: border-box and change the default size to make sure the style is the
same of before.

* style(slider): remove outline
---
 packages/theme-chalk/src/common/var.scss | 2 +-
 packages/theme-chalk/src/slider.scss     | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss
index 1471e2e90a..8dfd01e575 100644
--- a/packages/theme-chalk/src/common/var.scss
+++ b/packages/theme-chalk/src/common/var.scss
@@ -767,7 +767,7 @@ $--slider-border-radius: 3px !default;
 /// height|1|Other|4
 $--slider-height: 6px !default;
 /// height||Other|4
-$--slider-button-size: 16px !default;
+$--slider-button-size: 20px !default;
 $--slider-button-wrapper-size: 36px !default;
 $--slider-button-wrapper-offset: -15px !default;
 
diff --git a/packages/theme-chalk/src/slider.scss b/packages/theme-chalk/src/slider.scss
index 6547b0e7c2..a9935745a4 100644
--- a/packages/theme-chalk/src/slider.scss
+++ b/packages/theme-chalk/src/slider.scss
@@ -101,6 +101,7 @@
     text-align: center;
     user-select: none;
     line-height: normal;
+    outline: none;
     @include utils-vertical-center;
 
     &:hover,
@@ -121,6 +122,7 @@
     border: solid 2px $--slider-main-background-color;
     background-color: $--color-white;
     border-radius: 50%;
+    box-sizing: border-box;
     transition: .2s;
     user-select: none;