hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Use focus-visible prop and color fix in Icon

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-12-01 17:05:29 +03:00
parent 7f914aa2af
commit e9a8bf1a12
2 changed files with 2 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/components/icon/icon.scss
View File

@ -127,7 +127,7 @@
} }
&.active { &.active {
color: var(--color-active); color: var(--textColorAccent);
box-shadow: 0 0 0 2px var(--iconActiveBackground); box-shadow: 0 0 0 2px var(--iconActiveBackground);
background-color: var(--iconActiveBackground); background-color: var(--iconActiveBackground);
} }
@ -137,16 +137,8 @@
transition: 250ms color, 250ms opacity, 150ms background-color, 150ms box-shadow; transition: 250ms color, 250ms opacity, 150ms background-color, 150ms box-shadow;
border-radius: var(--border-radius); border-radius: var(--border-radius);
&.focusable:focus:not(:hover) { &.focusable:focus-visible {
box-shadow: 0 0 0 2px var(--focus-color); box-shadow: 0 0 0 2px var(--focus-color);
[data-whatintent='mouse'] & {
box-shadow: none;
&.active {
box-shadow: 0 0 0 2px var(--iconActiveBackground);
}
}
} }
&:hover { &:hover {

1
src/renderer/components/layout/sidebar-cluster.module.css
View File

@ -32,7 +32,6 @@
&:focus-visible { &:focus-visible {
.dropdown { .dropdown {
box-shadow: 0 0 0 2px var(--focus-color); box-shadow: 0 0 0 2px var(--focus-color);
color: white;
} }
} }