mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-01-06 10:38:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(slider): slider button style change (#699)

Browse Source 
* 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
This commit is contained in:
kooriookami 2020-11-26 09:09:53 -06:00 committed by GitHub
parent b1bdb6de8b
commit 62d727b567
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/theme-chalk/src/common/var.scss
View File

@ -767,7 +767,7 @@ $--slider-border-radius: 3px !default;
/// height|1|Other|4 /// height|1|Other|4
$--slider-height: 6px !default; $--slider-height: 6px !default;
/// height||Other|4 /// height||Other|4
$--slider-button-size: 16px !default; $--slider-button-size: 20px !default;
$--slider-button-wrapper-size: 36px !default; $--slider-button-wrapper-size: 36px !default;
$--slider-button-wrapper-offset: -15px !default; $--slider-button-wrapper-offset: -15px !default;

2
packages/theme-chalk/src/slider.scss
View File

@ -101,6 +101,7 @@
text-align: center; text-align: center;
user-select: none; user-select: none;
line-height: normal; line-height: normal;
outline: none;
@include utils-vertical-center; @include utils-vertical-center;
&:hover, &:hover,
@ -121,6 +122,7 @@
border: solid 2px $--slider-main-background-color; border: solid 2px $--slider-main-background-color;
background-color: $--color-white; background-color: $--color-white;
border-radius: 50%; border-radius: 50%;
box-sizing: border-box;
transition: .2s; transition: .2s;
user-select: none; user-select: none;