Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 03:22:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Stylesheet cleanup

Browse source
This commit is contained in:
Vladimir Borisov 2019-09-20 16:36:55 +03:00
parent e14378e03e
commit 51b607e7b4
No known key found for this signature in database
GPG key ID: F9A584BE4FCB6603
1 changed files with 2 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
src/routes/Settings/styles.less
View file

@ -68,11 +68,6 @@
color: var(--color-surfacelighter); color: var(--color-surfacelighter);
} }
.dropdown {
height: 3rem;
width: var(--input-width);
}
.input-container { .input-container {
margin: calc(var(--spacing) * 1.5); margin: calc(var(--spacing) * 1.5);
display: flex; display: flex;
@ -104,54 +99,9 @@
} }
&.select-container { &.select-container {
.bar-button { .dropdown {
padding: calc(var(--spacing) * 0.5); height: 3rem;
width: var(--input-width); width: var(--input-width);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border: calc(var(--focusable-border-size) * 0.5) solid var(--color-primary);
cursor: pointer;
.value {
width: 100%;
color: var(--color-surface);
}
.icon {
width: var(--spacing);
height: var(--spacing);
fill: var(--color-surface);
}
&:focus {
border-color: var(--color-surfacelighter);
}
&:hover {
background-color: var(--color-backgroundlight);
.value {
color: var(--color-surfacelighter);
}
.icon {
fill: var(--color-surfacelighter);
}
}
&:global(.active) {
background-color: var(--color-surfacelighter);
.value {
color: var(--color-backgrounddarker);
}
.icon {
fill: var(--color-backgrounddarker);
}
}
} }
} }
@ -181,7 +131,6 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: var(--color-primary); background-color: var(--color-primary);
border: calc(var(--focusable-border-size) * 0.5) solid transparent;
cursor: pointer; cursor: pointer;
.icon { .icon {
@ -192,7 +141,6 @@
} }
.label { .label {
max-width: 30rem;
color: var(--color-surfacelighter); color: var(--color-surfacelighter);
} }
@ -270,7 +218,6 @@
.color-picker { .color-picker {
width: var(--input-width); width: var(--input-width);
height: calc(var(--input-width) * 0.08); height: calc(var(--input-width) * 0.08);
border: calc(var(--focusable-border-size) * 0.5) solid transparent;
cursor: pointer; cursor: pointer;
&:focus { &:focus {