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

app styles updated

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-01-21 15:01:43 +02:00
parent 032e787081
commit 8bf08fd2cc
1 changed files with 35 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

77
src/app/styles.less
View file

@ -48,55 +48,45 @@
--poster-shape-ratio: 1.464; --poster-shape-ratio: 1.464;
} }
:global { * {
* { margin: 0;
margin: 0px; padding: 0;
padding: 0px; box-sizing: border-box;
box-sizing: border-box; border: none;
border: none; list-style: none;
list-style: none; user-select: none;
user-select: none; text-decoration: none;
text-decoration: none; outline: none;
outline: none; }
html, body, :global(#app) {
position: relative;
z-index: 0;
width: 100vw;
height: 100vh;
min-width: 1000px;
min-height: 650px;
font-family: 'Roboto', 'sans-serif';
line-height: 1;
::-webkit-scrollbar {
width: var(--scroll-bar-width);
} }
html, body, #app, .modal-container { ::-webkit-scrollbar-thumb {
position: relative; background-color: var(--color-secondarylighter80);
width: 100vw;
height: 100vh;
min-width: 1000px;
min-height: 650px;
font-family: 'Roboto', 'sans-serif';
line-height: 1;
::-webkit-scrollbar {
width: var(--scroll-bar-width);
}
::-webkit-scrollbar-thumb {
background-color: var(--color-secondarylighter80);
}
::-webkit-scrollbar-track {
background-color: var(--color-backgroundlight);
}
} }
#app { ::-webkit-scrollbar-track {
z-index: 0; background-color: var(--color-backgroundlight);
overflow: hidden;
}
.modal-container {
position: absolute;
top: 0;
left: 0;
z-index: 1;
overflow: hidden;
} }
} }
.route-container { :global(#app) {
overflow: hidden;
}
:global(.modal-container), .route-container {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@ -104,5 +94,8 @@
left: 0; left: 0;
z-index: 0; z-index: 0;
overflow: hidden; overflow: hidden;
}
.route-container {
background-color: var(--color-background); background-color: var(--color-background);
} }