mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-03-11 21:27:05 +00:00
refactor: fix focus on item
This commit is contained in:
parent
46a29a47f4
commit
6d3eeaa286
2 changed files with 14 additions and 1 deletions
|
|
@ -1,5 +1,7 @@
|
|||
// Copyright (C) 2017-2024 Smart code 203358507
|
||||
|
||||
@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
|
||||
|
||||
.radio-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -20,6 +22,9 @@
|
|||
outline: none;
|
||||
user-select: none;
|
||||
margin-right: 0.75rem;
|
||||
outline-width: var(--focus-outline-size);
|
||||
outline-color: @color-surface-light5;
|
||||
outline-offset: calc(-1 * var(--focus-outline-size));
|
||||
|
||||
input[type='radio'] {
|
||||
opacity: 0;
|
||||
|
|
@ -53,5 +58,9 @@
|
|||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline-style: solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@
|
|||
color: var(--primary-foreground-color);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&:hover, &:focus {
|
||||
background-color: var(--overlay-color);
|
||||
|
||||
.icon {
|
||||
|
|
@ -121,6 +121,10 @@
|
|||
|
||||
.delete {
|
||||
right: 0.5rem;
|
||||
|
||||
.icon {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue