From 5599116c922c7886bcb8a10c2a8f02cbfb8d6fa8 Mon Sep 17 00:00:00 2001
From: Catherine Liu <catherine.liu@elastic.co>
Date: Fri, 15 Mar 2024 09:13:54 -0700
Subject: [PATCH] [Dashboard] Fixes hidden add panel popover on smaller
 viewports (#178593)

(cherry picked from commit be12500902702daadd364f2f2c20685708b989b8)
---
 .../dashboard/public/dashboard_app/top_nav/editor_menu.scss | 6 ++++++
 .../dashboard/public/dashboard_app/top_nav/editor_menu.tsx  | 2 ++
 2 files changed, 8 insertions(+)
 create mode 100644 src/plugins/dashboard/public/dashboard_app/top_nav/editor_menu.scss

diff --git a/src/plugins/dashboard/public/dashboard_app/top_nav/editor_menu.scss b/src/plugins/dashboard/public/dashboard_app/top_nav/editor_menu.scss
new file mode 100644
index 0000000000000..859a0ee11067e
--- /dev/null
+++ b/src/plugins/dashboard/public/dashboard_app/top_nav/editor_menu.scss
@@ -0,0 +1,6 @@
+.dshSolutionToolbar__editorContextMenu {
+  @include euiScrollBar;
+  @include euiOverflowShadow;
+  max-height: 60vh;
+  overflow-y: scroll;
+}
\ No newline at end of file
diff --git a/src/plugins/dashboard/public/dashboard_app/top_nav/editor_menu.tsx b/src/plugins/dashboard/public/dashboard_app/top_nav/editor_menu.tsx
index 7fe5c9343aa64..1b460d247d67c 100644
--- a/src/plugins/dashboard/public/dashboard_app/top_nav/editor_menu.tsx
+++ b/src/plugins/dashboard/public/dashboard_app/top_nav/editor_menu.tsx
@@ -6,6 +6,8 @@
  * Side Public License, v 1.
  */
 
+import './editor_menu.scss';
+
 import React, { useCallback, useEffect, useMemo, useState, useRef } from 'react';
 import {
   EuiBadge,