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

track size of sliders in player set to 20%

Browse source
This commit is contained in:
NikolaBorislavovHristov 2018-12-19 20:16:44 +02:00
parent 30bfbafb15
commit 8c09028df8
3 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/Player/ControlBar/SeekBar/styles.less
View file

@ -11,7 +11,7 @@
.slider {
--thumb-size: var(--seek-bar-thumb-size);
--track-size: var(--seek-bar-track-size);
--track-size: calc(var(--seek-bar-thumb-size) * 0.2);
--track-color: var(--color-primarydark);
--thumb-color: var(--color-primary);
flex: 1;

6
src/routes/Player/ControlBar/VolumeBar/styles.less
View file

@ -4,15 +4,17 @@
align-items: center;
.slider {
--track-size: var(--volume-bar-track-size);
--thumb-size: var(--volume-bar-thumb-size);
--track-size: calc(var(--volume-bar-thumb-size) * 0.2);
--thumb-color: var(--color-surfacelight);
--track-color: var(--color-surfacelight);
--track-before-color: var(--color-primary);
flex: 1;
align-self: stretch;
}
&:hover, &.active {
.slider {
--thumb-color: var(--color-surfacelighter);
--track-color: var(--color-surfacelighter);
}
}

3
src/routes/Player/ControlBar/styles.less
View file

@ -12,7 +12,6 @@
.seek-bar {
--seek-bar-thumb-size: calc(var(--control-bar-button-height) * 0.4);
--seek-bar-track-size: calc(var(--control-bar-button-height) * 0.08);
height: var(--seek-bar-thumb-size);
}
@ -53,7 +52,7 @@
}
.volume-bar {
--volume-bar-track-size: calc(var(--control-bar-button-height) * 0.08);
--volume-bar-thumb-size: calc(var(--control-bar-button-height) * 0.3);
height: var(--control-bar-button-height);
width: calc(var(--control-bar-button-height) * 4);