fix: Fix wrapping of labels in filter by type popover (#7327)

* fix: Fix wrapping of labels in filter by type popover Signed-off-by: Viraj Sanghvi <virajs@amazon.com> * Changeset file for PR #7327 created/updated --------- Signed-off-by: Viraj Sanghvi <virajs@amazon.com> Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
opensearch-project · Jul 21, 2024 · 376ead0 · 376ead0
1 parent 08c2a00
commit 376ead0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/changelogs/fragments/7327.yml b/changelogs/fragments/7327.yml
@@ -0,0 +1,2 @@
+fix:
+- Fix wrapping of labels in filter by type popover ([#7327](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7327))
diff --git a/src/plugins/data_explorer/public/components/sidebar/index.scss b/src/plugins/data_explorer/public/components/sidebar/index.scss
@@ -7,3 +7,7 @@
     border-bottom: $euiBorderThin !important;
   }
 }
+
+.dataPanelTypeFilterPopover {
+  min-width: 300px;
+}
diff --git a/src/plugins/discover/public/application/components/sidebar/discover_field_search.tsx b/src/plugins/discover/public/application/components/sidebar/discover_field_search.tsx
@@ -258,7 +258,7 @@ export function DiscoverFieldSearch({ onChange, value, types }: Props) {
         <EuiFilterGroup>
           <EuiPopover
             id="dataPanelTypeFilter"
-            panelClassName="euiFilterGroup__popoverPanel"
+            panelClassName="euiFilterGroup__popoverPanel dataPanelTypeFilterPopover"
             panelPaddingSize="none"
             anchorPosition="downLeft"
             display="block"