diff --git a/packages/earth-admin/src/components/sidebar-select/sidebar-select/styles.scss b/packages/earth-admin/src/components/sidebar-select/sidebar-select/styles.scss
index ab43c49f..1bc43ad7 100644
--- a/packages/earth-admin/src/components/sidebar-select/sidebar-select/styles.scss
+++ b/packages/earth-admin/src/components/sidebar-select/sidebar-select/styles.scss
@@ -18,7 +18,6 @@
*/
.ng-select {
- z-index: 10;
.ng-icon-directionup {
margin-left: auto;
}
diff --git a/packages/earth-shared/src/components/app-context-switcher/AppContextSwitcher.tsx b/packages/earth-shared/src/components/app-context-switcher/AppContextSwitcher.tsx
index 30b0670f..03801d43 100644
--- a/packages/earth-shared/src/components/app-context-switcher/AppContextSwitcher.tsx
+++ b/packages/earth-shared/src/components/app-context-switcher/AppContextSwitcher.tsx
@@ -58,62 +58,64 @@ const AppContextSwitcher = (props: IProps) => {
return (
- {logo && (
-
- {logo}
- {renderDropdown && |}
-
- )}
-
- {renderDropdown && (
- <>
-
-
- {label}
-
-
- {checkedCount > 0 &&
{checkedCount}}
+
+ {logo && (
+
+ {logo}
+ {renderDropdown && |}
-
- {isOpen && (
- <>
-
-
- {Children.map(children, (child: any) => {
- if (!child) {
- return;
- }
- const isOptionElement = child.props.value;
- const selected = child.props.value === selectedValue;
- return isOptionElement
- ? cloneElement(child, {
- selected,
- onClick: (value: any) => {
- if (!selected) {
- setSelectedValue(value);
- onChange(value);
- }
- closeDropdown();
- },
- })
- : child;
+ )}
+
+ {renderDropdown && (
+ <>
+
+
+ {label}
+
+
- >
- )}
- >
- )}
+ />
+ {checkedCount > 0 && {checkedCount}}
+
+
+ {isOpen && (
+ <>
+
+
+ {Children.map(children, (child: any) => {
+ if (!child) {
+ return;
+ }
+ const isOptionElement = child.props.value;
+ const selected = child.props.value === selectedValue;
+ return isOptionElement
+ ? cloneElement(child, {
+ selected,
+ onClick: (value: any) => {
+ if (!selected) {
+ setSelectedValue(value);
+ onChange(value);
+ }
+ closeDropdown();
+ },
+ })
+ : child;
+ })}
+
+ >
+ )}
+ >
+ )}
+
);
};
diff --git a/packages/earth-shared/src/components/app-context-switcher/styles.scss b/packages/earth-shared/src/components/app-context-switcher/styles.scss
index 09bb20ec..f05bc04d 100644
--- a/packages/earth-shared/src/components/app-context-switcher/styles.scss
+++ b/packages/earth-shared/src/components/app-context-switcher/styles.scss
@@ -21,7 +21,11 @@
.ng-app-context-switcher {
user-select: none;
- background-color: $marapp-gray-7;
+ z-index: 2;
+
+ > div {
+ background-color: $marapp-gray-7;
+ }
.logo-container {
height: 50px;
diff --git a/packages/earth-shared/src/components/spinner/styles.scss b/packages/earth-shared/src/components/spinner/styles.scss
index e53254f0..825e4ef2 100644
--- a/packages/earth-shared/src/components/spinner/styles.scss
+++ b/packages/earth-shared/src/components/spinner/styles.scss
@@ -40,7 +40,6 @@ $sizes: (
left: 0;
visibility: visible;
opacity: 1;
- z-index: 1000;
padding: 10px;
.spinner-border {
diff --git a/packages/earth-shared/src/hooks/index.ts b/packages/earth-shared/src/hooks/index.ts
index 181c4ceb..f70a50cf 100644
--- a/packages/earth-shared/src/hooks/index.ts
+++ b/packages/earth-shared/src/hooks/index.ts
@@ -19,7 +19,7 @@
import { useEffect, useRef } from 'react';
-export function useDomWatcher(callback: () => {}, skip?: boolean): React.RefObject
{
+export function useDomWatcher(callback: () => any, skip?: boolean): React.RefObject {
const ref: React.RefObject = useRef();
useEffect(() => {