Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-18 04:42:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

slider component uses css transform again

Browse source
This commit is contained in:
NikolaBorislavovHristov 2018-12-19 17:01:01 +02:00
parent df5aab9ace
commit 3966b8094b
1 changed files with 7 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/common/Slider/styles.less
View file

@ -1,4 +1,5 @@
.slider-container {
display: inline-block;
position: relative;
z-index: 0;
min-width: var(--thumb-size);
@ -16,15 +17,8 @@
z-index: 2;
width: var(--thumb-size);
height: var(--thumb-size);
&::after {
display: block;
width: var(--thumb-size);
height: var(--thumb-size);
border-radius: 50%;
background-color: var(--thumb-color);
content: "";
}
border-radius: 50%;
background-color: var(--thumb-color);
}
&.horizontal {
@ -35,8 +29,8 @@
bottom: 40%;
}
.thumb::after {
margin-left: calc(-0.5 * var(--thumb-size));
.thumb {
transform: translateX(-50%);
}
}
@ -48,8 +42,8 @@
bottom: 0;
}
.thumb::after {
margin-top: calc(0.5 * var(--thumb-size));
.thumb {
transform: translateY(50%);
}
}
}