fix(Tenant): fix layout after moving tabs

Author: ariser

src/containers/Tenant/QueryEditor/QueryEditor.scss

@@ -7,7 +7,7 @@
     flex: 1 1 auto;
     flex-direction: column;
 
-    height: calc(100% - 56px);
+    height: 100%;
 
     @include query-data-table;
 

src/containers/Tenant/Tenant.scss

@@ -11,55 +11,7 @@
         overflow: initial;
     }
 
-    &__loader {
-        display: flex;
-        flex: 1 1 auto;
-        justify-content: center;
-        align-items: center;
-    }
-
-    &__content {
-        overflow: auto;
-        @include flex-container();
-    }
-
-    &__storage {
-        overflow: auto;
-
-        height: 100%;
-        padding-left: 20px;
-    }
-
-    &__row {
-        display: flex;
-        align-items: flex-start;
-
-        &_schema {
-            height: 100%;
-        }
-
-        &_schema-tags {
-            align-items: center;
-        }
-    }
-
-    &__schema-wrapper {
-        overflow: auto;
-
-        min-width: 300px;
-        height: 100%;
-        padding-top: 15px;
-        padding-left: 8px;
-    }
-
-    &__schema-tabs-wrapper {
-        overflow: auto;
-
-        width: 100%;
-        height: 100%;
-        padding: 15px 0 0 15px;
-
-        border-left: 1px solid rgba(0, 0, 0, 0.07);
-        @include flex-container();
+    &__tab-content {
+        height: calc(100% - 56px); // general tabs height
     }
 }

src/containers/Tenant/Tenant.tsx

@@ -134,28 +134,30 @@ function Tenant(props: TenantProps) {
             ) : (
                 <>
                     <ObjectGeneralTabs />
-                    <SplitPane
-                        defaultSizePaneKey={DEFAULT_SIZE_TENANT_KEY}
-                        defaultSizes={[25, 75]}
-                        triggerCollapse={summaryVisibilityState.triggerCollapse}
-                        triggerExpand={summaryVisibilityState.triggerExpand}
-                        minSize={[36, 200]}
-                        onSplitStartDragAdditional={onSplitStartDragAdditional}
-                    >
-                        <ObjectSummary
-                            type={currentPathType}
-                            subType={currentPathSubType}
-                            onCollapseSummary={onCollapseSummaryHandler}
-                            onExpandSummary={onExpandSummaryHandler}
-                            isCollapsed={summaryVisibilityState.collapsed}
-                            additionalTenantInfo={props.additionalTenantInfo}
-                        />
-                        <ObjectGeneral
-                            type={currentPathType}
-                            additionalTenantInfo={props.additionalTenantInfo}
-                            additionalNodesInfo={props.additionalNodesInfo}
-                        />
-                    </SplitPane>
+                    <div className={b('tab-content')}>
+                        <SplitPane
+                            defaultSizePaneKey={DEFAULT_SIZE_TENANT_KEY}
+                            defaultSizes={[25, 75]}
+                            triggerCollapse={summaryVisibilityState.triggerCollapse}
+                            triggerExpand={summaryVisibilityState.triggerExpand}
+                            minSize={[36, 200]}
+                            onSplitStartDragAdditional={onSplitStartDragAdditional}
+                        >
+                            <ObjectSummary
+                                type={currentPathType}
+                                subType={currentPathSubType}
+                                onCollapseSummary={onCollapseSummaryHandler}
+                                onExpandSummary={onExpandSummaryHandler}
+                                isCollapsed={summaryVisibilityState.collapsed}
+                                additionalTenantInfo={props.additionalTenantInfo}
+                            />
+                            <ObjectGeneral
+                                type={currentPathType}
+                                additionalTenantInfo={props.additionalTenantInfo}
+                                additionalNodesInfo={props.additionalNodesInfo}
+                            />
+                        </SplitPane>
+                    </div>
                 </>
             )}
         </div>