From d5e28426ee53258c2a229bf0ca121157626d5dbf Mon Sep 17 00:00:00 2001
From: Leo <108552997+lpskdl@users.noreply.github.com>
Date: Fri, 9 Sep 2022 18:01:30 +0200
Subject: [PATCH] hide overflow content for single left pane (#54882)

---
 .../core/components/SplitPaneWrapper/SplitPaneWrapper.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/app/core/components/SplitPaneWrapper/SplitPaneWrapper.tsx b/public/app/core/components/SplitPaneWrapper/SplitPaneWrapper.tsx
index 09f53bf7f32..8b06c108c50 100644
--- a/public/app/core/components/SplitPaneWrapper/SplitPaneWrapper.tsx
+++ b/public/app/core/components/SplitPaneWrapper/SplitPaneWrapper.tsx
@@ -94,7 +94,7 @@ export class SplitPaneWrapper extends PureComponent<Props> {
       );
     }
 
-    return leftPaneComponents;
+    return <div className={styles.singleLeftPane}>{leftPaneComponents}</div>;
   }
 
   render() {
@@ -163,6 +163,12 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
   `;
 
   return {
+    singleLeftPane: css`
+      height: 100%;
+      position: absolute;
+      overflow: hidden;
+      width: 100%;
+    `,
     resizerV: cx(
       resizer,
       css`