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; padding: 1.25rem;
cursor: pointer; cursor: pointer;
&:focus-visible {
background: var(--blue);
color: white;
}
&:hover { &:hover {
background: var(--sidebarLogoBackground); 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 { .clusterName {
@ -47,8 +54,9 @@
} }
.menu { .menu {
width: 185px; width: 200px;
margin-top: -10px; margin-top: -1.25rem;
margin-left: 1.25rem;
} }
.avatar { .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}> <div className={styles.clusterName}>
{metadata.name} {metadata.name}
</div> </div>
<Icon material="arrow_drop_down"/> <Icon material="arrow_drop_down" className={styles.dropdown}/>
<Menu <Menu
usePortal usePortal
htmlFor={id} htmlFor={id}