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

MetaItems in discover use inset outline

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-22 13:10:37 +03:00
parent 53203893a9
commit 824d9914ae
2 changed files with 7 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

@ -27,7 +27,7 @@ const Discover = ({ urlParams, queryParams }) => {
<MetaItem
{...metaItem}
key={metaItem.id}
className={classnames({ 'active': metaItem.id === selectedItem.id })}
className={classnames('meta-item', { 'active': metaItem.id === selectedItem.id })}
onClick={changeMetaItem}
/>
))}

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

@ -45,6 +45,12 @@
align-items: center;
padding: 0 1.4rem;
overflow-y: auto;
.meta-item {
&:hover, &:focus, &:global(.active) {
outline-offset: calc(-1 * var(--focus-outline-size));
}
}
}
.meta-preview-container {