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

selected meta item uses bolder outline

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-25 12:10:12 +03:00
parent 5d46a6276a
commit ee0b541b1a
2 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/Discover/Discover.js
View file

@ -37,7 +37,7 @@ const Discover = ({ urlParams, queryParams }) => {
<MetaItem
{...metaItem}
key={metaItem.id}
className={classnames('meta-item', { 'active': selectedItem !== null && metaItem.id === selectedItem.id })}
className={classnames('meta-item', { 'selected': selectedItem !== null && metaItem.id === selectedItem.id })}
/>
))}
</div>

5
src/routes/Discover/styles.less
View file

@ -50,6 +50,11 @@
&:hover, &:focus, &:global(.active) {
outline-offset: calc(-1 * var(--focus-outline-size));
}
&.selected {
outline: calc(1.5 * var(--focus-outline-size)) solid var(--color-surfacelighter);
outline-offset: calc(-1.5 * var(--focus-outline-size));
}
}
}