From c6dd0d5ca1030444dc03c580ddfe97fee5ab32ea Mon Sep 17 00:00:00 2001
From: Elena Stoeva <59341489+ElenaStoeva@users.noreply.github.com>
Date: Mon, 23 Sep 2024 17:18:48 +0100
Subject: [PATCH] [Console] Fix overflow of editor actions panel (#193714)

## Summary

This PR fixes the bug in Console where, when you scroll an editor
content that contains an editor actions panel, the actions panel would
move to the other panel and would be displayed on top of it, while it
should be hidden.

Before:

https://github.com/user-attachments/assets/e29640cc-8ce3-4b5b-bbb6-ca6a5ce86ff3

Now:

https://github.com/user-attachments/assets/25b3aa41-4ad0-48f7-925c-c5f354f551ed
(cherry picked from commit 80c7583c57db76c0c643fc889fdf6719782a3171)
---
 .../console/public/application/containers/main/main.tsx    | 2 +-
 src/plugins/console/public/styles/_app.scss                | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/plugins/console/public/application/containers/main/main.tsx b/src/plugins/console/public/application/containers/main/main.tsx
index c52e94f50749f..ef55f5406edaf 100644
--- a/src/plugins/console/public/application/containers/main/main.tsx
+++ b/src/plugins/console/public/application/containers/main/main.tsx
@@ -322,7 +322,7 @@ export function Main({ currentTabProp, isEmbeddable = false }: MainProps) {
           {currentTab === HISTORY_TAB_ID && <History isVerticalLayout={isVerticalLayout} />}
           {currentTab === CONFIG_TAB_ID && <Config isVerticalLayout={isVerticalLayout} />}
         </EuiSplitPanel.Inner>
-        <EuiHorizontalRule margin="none" className="consoleVariablesBottomBar" />
+        <EuiHorizontalRule margin="none" />
         <EuiSplitPanel.Inner
           paddingSize="xs"
           grow={false}
diff --git a/src/plugins/console/public/styles/_app.scss b/src/plugins/console/public/styles/_app.scss
index 74367c32a468e..f42a94c3f786f 100644
--- a/src/plugins/console/public/styles/_app.scss
+++ b/src/plugins/console/public/styles/_app.scss
@@ -29,11 +29,7 @@
   left: 0;
   bottom: 0;
   right: 0;
-}
-
-.consoleVariablesBottomBar {
-  // Give priority to the variables bar so that it doesn't get covered by the empty prompt when in vertical layout
-  z-index: $euiZLevel2;
+  overflow: hidden;
 }
 
 .conApp__editor {
@@ -123,6 +119,7 @@
   border-radius: $euiSizeXS;
   box-shadow: 0 0 $euiSizeXS $euiSizeXS transparentize($euiShadowColor, .9);
   padding-top: $euiSize * .1;
+  overflow-y: auto;
 }
 
 .conApp__editorActions {