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

Fix custom resource loading spinner appears above extensions' cluster menus

Browse Source 
Signed-off-by: Sebastian Malton <sebastian@malton.name>
This commit is contained in:
Sebastian Malton 2021-03-16 13:06:05 -04:00
parent 63f6562e0a
commit 7d242385ab
3 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,6 @@ import "./sidebar.scss";
import type { TabLayoutRoute } from "./tab-layout"; import type { TabLayoutRoute } from "./tab-layout";
import React from "react"; import React from "react";
import { computed } from "mobx";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { NavLink } from "react-router-dom"; import { NavLink } from "react-router-dom";
import { cssNames } from "../../utils"; import { cssNames } from "../../utils";
@ -45,9 +44,9 @@ export class Sidebar extends React.Component<Props> {
crdStore.reloadAll(); crdStore.reloadAll();
} }
@computed get crdSubMenus(): React.ReactNode { renderCustomResources() {
if (!crdStore.isLoaded && crdStore.isLoading) { if (crdStore.isLoading) {
return <Spinner centerHorizontal/>; return <Spinner centerHorizontal />;
} }
return Object.entries(crdStore.groups).map(([group, crds]) => { return Object.entries(crdStore.groups).map(([group, crds]) => {

4
src/renderer/components/spinner/spinner.scss
View File

@ -35,9 +35,7 @@
} }
&.centerHorizontal { &.centerHorizontal {
position: absolute; margin-left: 50%;
left: 50%;
margin-left: calc(var(--spinner-size) / -2);
} }
@keyframes rotate { @keyframes rotate {

1
src/renderer/components/spinner/spinner.tsx
View File

@ -13,6 +13,7 @@ export class Spinner extends React.Component<SpinnerProps, {}> {
static defaultProps = { static defaultProps = {
singleColor: true, singleColor: true,
center: false, center: false,
centerHorizontal: false,
}; };
render() { render() {