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

scrollbars in subtitles picker aligned better

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-01-02 12:45:40 +02:00
parent 01aa83b387
commit 3f7cb1245d
1 changed files with 3 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/routes/Player/ControlBar/SubtitlesPicker/styles.less
View file

@ -1,12 +1,11 @@
.subtitles-picker-container {
--scroll-bar-width: 12px;
width: calc(var(--subtitles-picker-button-size) * 14);
height: calc(var(--subtitles-picker-button-size) * 9);
font-size: calc(var(--subtitles-picker-button-size) * 0.45);
padding: calc(var(--subtitles-picker-button-size) * 0.3);
gap: calc(var(--subtitles-picker-button-size) * 0.3);
display: grid;
grid-template-columns: auto calc(var(--subtitles-picker-button-size) * 8 + var(--scroll-bar-width));
grid-template-columns: auto calc(var(--subtitles-picker-button-size) * 8 + var(--scroll-bar-width) * 1.5);
grid-template-rows: var(--subtitles-picker-button-size) auto;
grid-template-areas:
"toggle-button preferences"
@ -64,7 +63,8 @@
display: flex;
flex-direction: column;
align-items: stretch;
overflow-y: auto;
padding-right: calc(var(--scroll-bar-width) * 0.5);
overflow-y: scroll;
overflow-x: hidden;
.track-origin {
@ -151,11 +151,6 @@
background-color: var(--color-primarylight);
}
}
&::-webkit-scrollbar {
// TODO reuse app scrollbar styles
width: var(--scroll-bar-width);
}
}
.number-input-container {