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

Fixing cluster dropdown focus state (#4377)

Browse Source
This commit is contained in:
Alex Andreev 2021-11-18 17:09:31 +03:00 committed by GitHub
parent 8bc936802b
commit 4121672838
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,14 +25,21 @@
padding: 1.25rem;
cursor: pointer;
&:focus-visible {
background: var(--blue);
color: white;
}
&:hover {
background: var(--sidebarLogoBackground);
}
&:focus-visible {
.dropdown {
box-shadow: 0 0 0 2px var(--focus-color);
color: white;
}
}
.dropdown {
border-radius: 3px;
margin-left: var(--margin);
}
}
.clusterName {
@ -47,8 +54,9 @@
}
.menu {
width: 185px;
margin-top: -10px;
width: 200px;
margin-top: -1.25rem;
margin-left: 1.25rem;
}
.avatar {

2
src/renderer/components/layout/sidebar-cluster.tsx
View File

@ -116,7 +116,7 @@ export function SidebarCluster({ clusterEntity }: { clusterEntity: CatalogEntity
<div className={styles.clusterName}>
{metadata.name}
</div>
<Icon material="arrow_drop_down"/>
<Icon material="arrow_drop_down" className={styles.dropdown}/>
<Menu
usePortal
htmlFor={id}