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

Making cluster area hoverable

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-11-08 16:47:25 +03:00
parent 90d4899ece
commit a9c06da121
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/renderer/components/layout/sidebar.module.css
View File

@ -42,7 +42,19 @@
} }
.cluster { .cluster {
@apply flex items-center m-5; display: flex;
align-items: center;
padding: 1.25rem;
cursor: pointer;
&:focus-visible {
background: var(--blue);
color: white;
}
&:hover {
background: var(--sidebarLogoBackground);
}
} }
.clusterName { .clusterName {

3
src/renderer/components/layout/sidebar.tsx
View File

@ -206,7 +206,7 @@ export class Sidebar extends React.Component<Props> {
const { metadata, spec } = this.clusterEntity; const { metadata, spec } = this.clusterEntity;
return ( return (
<div className={styles.cluster}> <div className={styles.cluster} tabIndex={0}>
<HotbarIcon <HotbarIcon
uid={metadata.uid} uid={metadata.uid}
title={metadata.name} title={metadata.name}
@ -232,6 +232,7 @@ export class Sidebar extends React.Component<Props> {
<div className={styles.clusterName}> <div className={styles.clusterName}>
{metadata.name} {metadata.name}
</div> </div>
<Icon material="arrow_drop_down"/>
</div> </div>
); );
} }