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

slider styles updated to not depend on width and height

Browse source
This commit is contained in:
NikolaBorislavovHristov 2018-12-19 17:48:21 +02:00
parent 848a756b05
commit 0264d2feab
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -25,25 +25,27 @@
.track {
left: 0;
right: 0;
top: 40%;
bottom: 40%;
top: calc(50% - var(--thumb-size) * 0.1);
bottom: calc(50% - var(--thumb-size) * 0.1);
}
.thumb {
transform: translateX(-50%);
top: calc(50% - var(--thumb-size) * 0.5);
}
}
&.vertical {
.track {
left: 40%;
right: 40%;
left: calc(50% - var(--thumb-size) * 0.1);
right: calc(50% - var(--thumb-size) * 0.1);
top: 0;
bottom: 0;
}
.thumb {
transform: translateY(50%);
left: calc(50% - var(--thumb-size) * 0.5);
}
}
}