workspace overview cluster list grows/shrinks according to existence of extension details

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>
This commit is contained in:
Jim Ehrismann committed 2021-03-05 18:40:20 -05:00
1 parent 9cee1a800e
commit 9f3b8562d4
2 files changed
+7 -3

No files matched your search

@@ -1,4 +1,5 @@
.WorkspaceOverview { .WorkspaceOverview {
height: 100%;
.ItemListLayout.WorkspaceClusters { .ItemListLayout.WorkspaceClusters {
background-color: var(--mainBackground); background-color: var(--mainBackground);
@@ -38,7 +38,7 @@ export class WorkspaceOverview extends Component<Props> {
return ( return (
<div className="WorkspaceOverview flex column gaps box grow"> <div className="WorkspaceOverview flex column gaps box grow">
<ItemListLayout <ItemListLayout
className="WorkspaceClusters" className="WorkspaceClusters box grow"
renderHeaderTitle={<div>Clusters</div>} renderHeaderTitle={<div>Clusters</div>}
isClusterScoped isClusterScoped
isSearchable={false} isSearchable={false}
@@ -66,11 +66,14 @@ export class WorkspaceOverview extends Component<Props> {
<WorkspaceClusterMenu clusterItem={clusterItem} workspace={workspace} workspaceClusterStore={workspaceClusterStore}/> <WorkspaceClusterMenu clusterItem={clusterItem} workspace={workspace} workspaceClusterStore={workspaceClusterStore}/>
)} )}
/> />
{ workspaceDetails.length > 0 && { workspaceDetails.length > 0 && (
<>
<hr/>
<div className="extensions flex column gaps"> <div className="extensions flex column gaps">
{workspaceDetailRegistry.getItems().map(({ components: { Detail } }, index) => <Detail key={index} className="workspace-detail"/>)} {workspaceDetailRegistry.getItems().map(({ components: { Detail } }, index) => <Detail key={index} className="workspace-detail"/>)}
</div> </div>
} </>
)}
</div> </div>
); );
} }