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

addons styles polished

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-09-19 13:42:18 +03:00
parent 087814c8e9
commit dc259d9cf8
1 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/routes/Addons/styles.less
View file

@ -13,8 +13,11 @@
.addons-content { .addons-content {
flex: 1; flex: 1;
align-self: stretch; align-self: stretch;
display: flex;
flex-direction: column;
.top-bar-container { .top-bar-container {
flex: none;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 2rem; margin: 2rem;
@ -73,17 +76,10 @@
background-color: var(--color-backgroundlighter); background-color: var(--color-backgroundlighter);
cursor: text; cursor: text;
&:hover { &:hover, &:focus-within {
background-color: var(--color-surfacedarker60); background-color: var(--color-surfacedarker60);
} }
&:focus-within {
outline-width: var(--focus-outline-size);
outline-color: var(--color-surfacelighter);
outline-offset: calc(-1 * var(--focus-outline-size));
outline-style: solid;
}
.icon { .icon {
display: block; display: block;
width: 1.2rem; width: 1.2rem;
@ -107,7 +103,8 @@
} }
.addons-list-container { .addons-list-container {
max-height: calc(100% - 7rem); flex: 1;
align-self: stretch;
padding: 0 2rem; padding: 0 2rem;
overflow-y: auto; overflow-y: auto;