Update searchprofiler styles

elastic · Nov 26, 2019 · 2fea5fa · 2fea5fa
1 parent 0baf5b7
commit 2fea5fa
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 23 deletions.
diff --git a/x-pack/legacy/plugins/searchprofiler/public/np_ready/application/containers/main/main.tsx b/x-pack/legacy/plugins/searchprofiler/public/np_ready/application/containers/main/main.tsx
@@ -93,7 +93,7 @@ export const Main = () => {
 
   return (
     <>
-      <EuiPage className="prfDevTool__page">
+      <EuiPage className="prfDevTool__page appRoot">
         <EuiPageBody className="prfDevTool__page__pageBody">
           {renderLicenseWarning()}
           <EuiPageContent className="prfDevTool__page__pageBodyContent">

diff --git a/x-pack/legacy/plugins/searchprofiler/public/np_ready/application/styles/_index.scss b/x-pack/legacy/plugins/searchprofiler/public/np_ready/application/styles/_index.scss
@@ -10,12 +10,6 @@
 @import 'containers/main';
 @import 'containers/profile_query_editor';
 
-#searchProfilerAppRoot {
-  height: 100%;
-  display: flex;
-  flex: 1 1 auto;
-}
-
 .prfDevTool__licenseWarning {
   &__container {
     max-width: 1000px;
@@ -55,19 +49,10 @@
   }
 }
 
-.prfDevTool {
-  height: calc(100vh - #{$euiHeaderChildSize});
+.appRoot {
+  height: calc(100vh - calc(#{$euiHeaderChildSize} * 2));
   overflow: hidden;
-
-  .devApp__container {
-    height: 100%;
-    overflow: hidden;
-    flex-shrink: 1;
-  }
-
-  &__container {
-    overflow: hidden;
-  }
+  flex-shrink: 1;
 }
 
 .prfDevTool__detail {

diff --git a/...y/plugins/searchprofiler/public/np_ready/application/styles/components/_profile_tree.scss b/...y/plugins/searchprofiler/public/np_ready/application/styles/components/_profile_tree.scss
@@ -5,10 +5,6 @@ $badgeSize: $euiSize * 5.5;
 
 .prfDevTool__profileTree {
 
-  &__container {
-    height: 100%;
-  }
-
   &__shardDetails--dim small {
     color: $euiColorDarkShade;
   }