diff --git a/src/components/Drawer/Drawer.scss b/src/components/Drawer/Drawer.scss
index d126aa0ae2..91fa5f8177 100644
--- a/src/components/Drawer/Drawer.scss
+++ b/src/components/Drawer/Drawer.scss
@@ -5,11 +5,12 @@
overflow: hidden;
+ width: 100%;
height: 100%;
}
&__item {
- z-index: 4;
+ z-index: var(--gn-drawer-item-z-index);
height: 100%;
}
diff --git a/src/containers/Cluster/Cluster.tsx b/src/containers/Cluster/Cluster.tsx
index 1628166bec..03fbd6ab0f 100644
--- a/src/containers/Cluster/Cluster.tsx
+++ b/src/containers/Cluster/Cluster.tsx
@@ -6,6 +6,7 @@ import {Redirect, Route, Switch, useRouteMatch} from 'react-router-dom';
import {StringParam, useQueryParams} from 'use-query-params';
import {AutoRefreshControl} from '../../components/AutoRefreshControl/AutoRefreshControl';
+import {DrawerContextProvider} from '../../components/Drawer/DrawerContext';
import {EntityStatus} from '../../components/EntityStatusNew/EntityStatus';
import {EFlagToDescription} from '../../components/EntityStatusNew/utils';
import {InternalLink} from '../../components/InternalLink';
@@ -144,134 +145,143 @@ export function Cluster({
const {appTitle} = useAppTitle();
return (
-
-
- {activeTab ? {activeTab.title} : null}
-
-
{getClusterTitle()}
-
- {isClusterDashboardAvailable && (
-
-
+
+
+
+ {activeTab ? {activeTab.title} : null}
+
+
{getClusterTitle()}
+
- )}
-
-
-
- {actualClusterTabs.map(({id, title}) => {
- const path = getClusterPath(id as ClusterTab, {clusterName, backend});
- return (
-
- {
- dispatch(updateDefaultClusterTab(id));
- }}
- >
- {title}
-
-
- );
- })}
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
- {shouldShowNetworkTable && (
+
+ )}
+
+
+
+ {actualClusterTabs.map(({id, title}) => {
+ const path = getClusterPath(id as ClusterTab, {
+ clusterName,
+ backend,
+ });
+ return (
+
+ {
+ dispatch(updateDefaultClusterTab(id));
+ }}
+ >
+ {title}
+
+
+ );
+ })}
+
+
+
+
+
-
+
+
+
+
+
+
- )}
-
-
-
- {shouldShowEventsTab && (
- {uiFactory.renderEvents?.()}
+
- )}
-
- (
-
+ {shouldShowNetworkTable && (
+
+
+
+ )}
+
+
+
+ {shouldShowEventsTab && (
+
+ {uiFactory.renderEvents?.()}
+
)}
- />
-
+
+
(
+
+ )}
+ />
+
+
-
+
);
}
diff --git a/src/styles/drawer.scss b/src/styles/drawer.scss
index 925d02af99..64e4b83ce7 100644
--- a/src/styles/drawer.scss
+++ b/src/styles/drawer.scss
@@ -1,5 +1,5 @@
.g-root {
- --ydb-drawer-veil-z-index: 2;
+ --ydb-drawer-veil-z-index: 10;
--gn-drawer-item-z-index: calc(var(--ydb-drawer-veil-z-index) + 1);
--gn-drawer-veil-z-index: var(--ydb-drawer-veil-z-index);