fix(Query): fix query layout (#999)

ValeraS · web-flow · commit 2ee3e79c281b · 2024-07-10T12:28:08.000+02:00
diff --git a/src/containers/Tenant/Query/ExplainResult/ExplainResult.scss b/src/containers/Tenant/Query/ExplainResult/ExplainResult.scss
@@ -50,8 +50,7 @@
         width: 100%;
         padding: 15px 20px;
         @include json-tree-styles();
-        &
-            .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_expanded.json-inspector__leaf_composite {
+        & .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_composite {
             max-width: calc(100% - 50px);
         }
 
diff --git a/src/containers/Tenant/Query/Query.scss b/src/containers/Tenant/Query/Query.scss
@@ -1,7 +1,7 @@
 @import '../../../styles/mixins.scss';
 
 .ydb-query {
-    max-height: 100%;
+    max-height: calc(100% - 56px); // 56px - height of TenantNavigation
     @include flex-container();
 
     &__tabs {

Original file line number	Diff line number	Diff line change
`@@ -50,8 +50,7 @@`
`50`	`50`	`width: 100%;`
`51`	`51`	`padding: 15px 20px;`
`52`	`52`	`@include json-tree-styles();`
`53`		`- &`
`54`		`- .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_expanded.json-inspector__leaf_composite {`
	`53`	`+ & .json-inspector__leaf.json-inspector__leaf_root.json-inspector__leaf_composite {`
`55`	`54`	`max-width: calc(100% - 50px);`
`56`	`55`	`}`
`57`	`56`