Fix embeddable panel error not to overflow

elastic · Oct 28, 2022 · e8024c9 · e8024c9
1 parent 134955c
commit e8024c9
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss b/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss
@@ -158,11 +158,12 @@
 }
 
 .embPanel__error {
-  text-align: center;
-  justify-content: center;
-  flex-direction: column;
-  overflow: auto;
-  padding: $euiSizeS;
+  padding: $euiSizeL;
+
+  & > * {
+    max-height: 100%;
+    overflow: auto;
+  }
 }
 
 .embPanel__label {

diff --git a/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx b/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx
@@ -309,7 +309,7 @@ export class EmbeddablePanel extends React.Component<Props, State> {
         {this.state.error && (
           <EuiFlexGroup
             alignItems="center"
-            className="eui-fullHeight"
+            className="eui-fullHeight embPanel__error"
             data-test-subj="embeddableError"
             justifyContent="center"
           >