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

Remove default inner selected state

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-03-05 10:25:46 +03:00
parent f1a071d2a7
commit 0ef16fef31
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/components/tree-view/tree-view.scss
View File

@ -10,10 +10,16 @@
border: 1px solid transparent; border: 1px solid transparent;
} }
&.Mui-selected, &.Mui-selected:focus { &.selected {
> .MuiTreeItem-content .MuiTreeItem-label { > .MuiTreeItem-content .MuiTreeItem-label {
border-color: var(--blue); border-color: var(--blue);
font-weight: bold; font-weight: bold;
}
}
// Make inner component selected state invisible
&.Mui-selected, &.Mui-selected:focus {
> .MuiTreeItem-content .MuiTreeItem-label {
background-color: transparent; background-color: transparent;
} }
} }

7
src/renderer/components/tree-view/tree-view.tsx
View File

@ -20,7 +20,12 @@ interface Props {
export function RecursiveTreeView({ data }: Props) { export function RecursiveTreeView({ data }: Props) {
const renderTree = (nodes: NavigationTree[]) => { const renderTree = (nodes: NavigationTree[]) => {
return nodes.map(node => ( return nodes.map(node => (
<TreeItem key={node.id} nodeId={node.id} label={node.name} className={cssNames({"Mui-selected": node.selected})}> <TreeItem
key={node.id}
nodeId={node.id}
label={node.name}
className={cssNames({selected: node.selected})}
>
{Array.isArray(node.children) ? node.children.map((node) => renderTree([node])) : null} {Array.isArray(node.children) ? node.children.map((node) => renderTree([node])) : null}
</TreeItem> </TreeItem>
)); ));