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

Initial label styling

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2023-01-31 16:29:13 +03:00
parent 5f6f910cde
commit d99bf38ff3
2 changed files with 35 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
packages/core/src/renderer/components/+namespaces/__snapshots__/namespace-tree-view.test.tsx.snap
View File

@ -27,7 +27,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders 2 levels deep
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-11" class="MuiTreeItem-iconContainer Component-iconContainer-16"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -42,13 +42,13 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders 2 levels deep
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-18 MuiTypography-body1"
> >
levels-deep levels-deep
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-12 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-17 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -68,7 +68,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders 2 levels deep
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-11" class="MuiTreeItem-iconContainer Component-iconContainer-16"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -83,13 +83,13 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders 2 levels deep
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-18 MuiTypography-body1"
> >
level-deep-child-a level-deep-child-a
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-12 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-17 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -113,7 +113,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders 2 levels deep
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-11" class="MuiTreeItem-iconContainer Component-iconContainer-16"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -128,13 +128,13 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders 2 levels deep
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-18 MuiTypography-body1"
> >
level-deep-child-b level-deep-child-b
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-12 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-17 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -154,7 +154,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders 2 levels deep
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-11" class="MuiTreeItem-iconContainer Component-iconContainer-16"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -169,13 +169,13 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders 2 levels deep
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-18 MuiTypography-body1"
> >
level-deep-subchild-a level-deep-subchild-a
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-12 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-17 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -229,7 +229,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-3" class="MuiTreeItem-iconContainer Component-iconContainer-4"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -244,13 +244,13 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-6 MuiTypography-body1"
> >
acme-org acme-org
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-4 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-5 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -270,7 +270,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-3" class="MuiTreeItem-iconContainer Component-iconContainer-4"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -285,13 +285,13 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-6 MuiTypography-body1"
> >
team-a team-a
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-4 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-5 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -314,7 +314,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-3" class="MuiTreeItem-iconContainer Component-iconContainer-4"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -329,13 +329,13 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-6 MuiTypography-body1"
> >
team-b team-b
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-4 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-5 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -385,7 +385,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-5" class="MuiTreeItem-iconContainer Component-iconContainer-7"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -400,13 +400,13 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-9 MuiTypography-body1"
> >
org-a org-a
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-6 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-8 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -426,7 +426,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-5" class="MuiTreeItem-iconContainer Component-iconContainer-7"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -441,7 +441,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-9 MuiTypography-body1"
> >
service-1 service-1
<span <span
@ -452,7 +452,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-6 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-8 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -475,7 +475,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
class="MuiTreeItem-content" class="MuiTreeItem-content"
> >
<div <div
class="MuiTreeItem-iconContainer Component-iconContainer-5" class="MuiTreeItem-iconContainer Component-iconContainer-7"
> >
<svg <svg
aria-hidden="true" aria-hidden="true"
@ -490,13 +490,13 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders namespace wit
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-9 MuiTypography-body1"
> >
team-c team-c
</div> </div>
</div> </div>
<ul <ul
class="MuiCollapse-root MuiTreeItem-group Component-group-6 MuiCollapse-entered" class="MuiCollapse-root MuiTreeItem-group Component-group-8 MuiCollapse-entered"
role="group" role="group"
style="min-height: 0px;" style="min-height: 0px;"
> >
@ -566,7 +566,7 @@ exports[`<NamespaceTreeView /> once the subscribe resolves renders one namespace
</svg> </svg>
</div> </div>
<div <div
class="MuiTypography-root MuiTreeItem-label MuiTypography-body1" class="MuiTypography-root MuiTreeItem-label Component-label-3 MuiTypography-body1"
> >
single-root single-root
</div> </div>

4
packages/core/src/renderer/components/+namespaces/namespace-tree-view.tsx
View File

@ -116,6 +116,10 @@ const StyledTreeItem = withStyles((theme) => ({
paddingLeft: 16, paddingLeft: 16,
borderLeft: `1px dashed ${alpha(theme.palette.text.primary, 0.4)}`, borderLeft: `1px dashed ${alpha(theme.palette.text.primary, 0.4)}`,
}, },
label: {
fontSize: "inherit",
lineHeight: "1.8",
},
}))((props: TreeItemProps) => <TreeItem {...props} />); }))((props: TreeItemProps) => <TreeItem {...props} />);
export const NamespaceTreeView = withInjectables<Dependencies, NamespaceTreeViewProps>(NonInjectableNamespaceTreeView, { export const NamespaceTreeView = withInjectables<Dependencies, NamespaceTreeViewProps>(NonInjectableNamespaceTreeView, {