fix slider style
This commit is contained in:
parent
f0313766b3
commit
c9664adfae
@ -31,7 +31,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.CDB-Range::-webkit-slider-runnable-track {
|
.CDB-Range::-webkit-slider-runnable-track {
|
||||||
height: $baseSize / 2;
|
height: $baseSize / 4;
|
||||||
margin: $baseSize 0;
|
margin: $baseSize 0;
|
||||||
border-radius: $baseSize / 2;
|
border-radius: $baseSize / 2;
|
||||||
background: $cMainLine;
|
background: $cMainLine;
|
||||||
@ -43,7 +43,7 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: -3000px;
|
left: -3000px;
|
||||||
height: $baseSize / 2;
|
height: $baseSize / 4;
|
||||||
border-radius: $baseSize / 2;
|
border-radius: $baseSize / 2;
|
||||||
background: $cBlue;
|
background: $cBlue;
|
||||||
content: '';
|
content: '';
|
||||||
@ -51,16 +51,15 @@
|
|||||||
|
|
||||||
.CDB-Range::-webkit-slider-thumb::after {
|
.CDB-Range::-webkit-slider-thumb::after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -6px;
|
top: -5px;
|
||||||
right: -6px;
|
right: -6px;
|
||||||
bottom: -6px;
|
bottom: -6px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
width: $baseSize + 4;
|
width: $baseSize + 4;
|
||||||
height: $baseSize + 4;
|
height: $baseSize + 4;
|
||||||
border: 1px solid $cMainLine;
|
border: 1px solid $cBlue;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: $cWhite;
|
background: $cWhite;
|
||||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.48);
|
|
||||||
content: '';
|
content: '';
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
@ -71,7 +70,6 @@
|
|||||||
|
|
||||||
.CDB-Range:hover::-webkit-slider-thumb::after,
|
.CDB-Range:hover::-webkit-slider-thumb::after,
|
||||||
.CDB-Range:focus::-webkit-slider-thumb::after {
|
.CDB-Range:focus::-webkit-slider-thumb::after {
|
||||||
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.64);
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user