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 {
color: var(--color-active);
color: var(--textColorAccent);
box-shadow: 0 0 0 2px var(--iconActiveBackground);
background-color: var(--iconActiveBackground);
}
@ -137,16 +137,8 @@
transition: 250ms color, 250ms opacity, 150ms background-color, 150ms box-shadow;
border-radius: var(--border-radius);
&.focusable:focus:not(:hover) {
&.focusable:focus-visible {
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 {

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

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