muerwre/orchidmap-front
1
0
Fork 0
mirror of https://github.com/muerwre/orchidmap-front.git synced 2025-04-25 11:06:40 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

routes: completed slider

Browse source
This commit is contained in:
muerwre 2018-12-13 12:19:30 +07:00
parent 008acbbfd7
commit febe619e8c
4 changed files with 32 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/styles/slider.less
View file

@ -38,6 +38,7 @@
background-color: rgba(0, 0, 0, 0.3);
height: 4px;
border-radius: @border-radius-base;
pointer-events: none;
}
&-track {
@ -62,6 +63,19 @@
background-color: #fff;
touch-action: pan-x;
&::after {
content: '';
display: block;
width: 40px;
height: 50px;
position: absolute;
left: -15px;
top: -16px;
border-radius: 4px;
background: black;
opacity: 0.2;
}
&:focus {
// border-color: tint(@primary-color, 20%);
box-shadow: 0 0 0 4px tint(@primary-color, 50%);
@ -91,6 +105,7 @@
left: 0;
width: 100%;
font-size: 12px;
pointer-events: none;
}
&-mark-text {
@ -112,17 +127,20 @@
&-dot {
position: absolute;
bottom: -2px;
margin-left: -4px;
width: 8px;
height: 8px;
border: 2px solid #e9e9e9;
background-color: #fff;
bottom: -2;
margin-left: -0.5px;
width: 1px;
height: 12px;
// border: 2px solid #e9e9e9;
background-color: black;
opacity: 0.2;
cursor: pointer;
border-radius: 50%;
vertical-align: middle;
&-active {
border-color: tint(@primary-color, 50%);
// border-color: tint(@primary-color, 50%);
background-color: white;
opacity: 0.2;
}
}
@ -167,6 +185,8 @@
margin-left: -5px;
margin-bottom: -7px;
touch-action: pan-y;
position: relative;
}
&-mark {