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

Multiselect label styles adapted to design changes

Browse source
This commit is contained in:
svetlagasheva 2020-03-04 15:13:01 +02:00
parent 4bb917d2a2
commit 0cba5ec893
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/common/Multiselect/styles.less
View file

@ -1,3 +1,5 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
:import('~stremio/common/Popup/styles.less') {
popup-menu-container: menu-container;
}
@ -7,7 +9,15 @@
flex-direction: row;
align-items: center;
padding: 0 1rem;
background-color: var(--color-backgroundlighter);
background-color: @color-background;
&:hover, &:focus {
background-color: @color-background-light2;
}
&:focus {
outline-color: @color-surface-light5;
}
&:global(.active) {
background-color: var(--color-surfacelight);
@ -24,7 +34,8 @@
.label {
flex: 1;
max-height: 2.4em;
color: var(--color-surfacelighter);
opacity: 0.9;
color: @color-surface-light5;
}
.icon {
@ -32,7 +43,7 @@
width: 1rem;
height: 1rem;
margin-left: 1rem;
fill: var(--color-surfacelighter);
fill: @color-surface-light5;
}
.popup-menu-container {
@ -47,7 +58,7 @@
flex-direction: row;
align-items: center;
padding: 1rem;
background-color: var(--color-backgroundlighter);
background-color: @color-background;
&:global(.selected) {
background-color: var(--color-surfacedarker);