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

MetaItem outline fixed inside the item itself

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-10-18 17:24:15 +03:00
parent b2dad0f281
commit 7fa8f5172f
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/common/MetaItem/styles.less
View file

@ -14,11 +14,25 @@
} }
.meta-item-container { .meta-item-container {
position: relative;
overflow: visible; overflow: visible;
&:hover, &:focus, &:global(.active) { &:hover, &:focus, &:global(.active), &:global(.selected) {
outline-style: solid; outline-style: none;
outline-offset: 0;
&::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
outline-style: solid;
outline-width: var(--focus-outline-size);
outline-color: var(--color-surfacelighter);
outline-offset: calc(-1 * var(--focus-outline-size));
pointer-events: none;
content: "";
}
.title-bar-container { .title-bar-container {
background-color: var(--color-surfacelight); background-color: var(--color-surfacelight);