[Vega] Fix vega styling issues (elastic#143168)

* Revert "[Vega] Fix vega controls layout (elastic#130954)" This reverts commit 8e09cdc. * Revert "Revert "[Vega] Fix vega controls layout (elastic#130954)"" This reverts commit cd753c3. * fix vega problems * always make the vega view scroll * restrict maximum height
e40pud · Oct 24, 2022 · e5a9589 · e5a9589
1 parent 35e5631
commit e5a9589
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/plugins/vis_types/vega/public/components/vega_vis.scss b/src/plugins/vis_types/vega/public/components/vega_vis.scss
@@ -11,20 +11,18 @@
   display: flex;
   flex: 1 1 100%;
   position: relative;
+  max-width: 100%;
   // flex-direction determined by js
 }
 
 .vgaVis--autoresize {
-  @include euiScrollBar;
   max-width: 100%;
   max-height: 100%;
-  overflow: auto;
-  .vgaVis__view {
-    overflow: hidden;
-  }
 }
 
 .vgaVis__view {
+  @include euiScrollBar;
+  overflow: auto;
   z-index: 0;
   flex: 1 1 100%;
 

diff --git a/src/plugins/visualizations/public/vis.scss b/src/plugins/visualizations/public/vis.scss
@@ -14,6 +14,7 @@
   position: relative;
   padding: $euiSizeS;
   flex: 1 1 100%;
+  flex-direction: column;
 }
 
 .visChart {