From 42f2bc28c7c14d71203f0ea5ddc7bbf00d385759 Mon Sep 17 00:00:00 2001 From: Julia Rechkunova Date: Wed, 20 Jul 2022 09:27:22 +0200 Subject: [PATCH] [Discover] Fix visibility of saved search grids when one of them is in fullscreen mode (#136198) --- .../public/embeddable/saved_search_grid.scss | 16 ++++++++++++++++ .../public/embeddable/saved_search_grid.tsx | 1 + 2 files changed, 17 insertions(+) create mode 100644 src/plugins/discover/public/embeddable/saved_search_grid.scss diff --git a/src/plugins/discover/public/embeddable/saved_search_grid.scss b/src/plugins/discover/public/embeddable/saved_search_grid.scss new file mode 100644 index 00000000000000..1b1046485596ba --- /dev/null +++ b/src/plugins/discover/public/embeddable/saved_search_grid.scss @@ -0,0 +1,16 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0 and the Server Side Public License, v 1; you may not use this file except + * in compliance with, at your election, the Elastic License 2.0 or the Server + * Side Public License, v 1. + */ + +/** + * 1. Fixes fullscreen mode for saved searches on Dashboard. Otherwise, sibling grids can obscure the grid in fullscreen mode. + * "euiDataGrid__restrictBody" is set to body element when a grid is in fullscreen + * https://github.com/elastic/kibana/issues/134032 + */ +.euiDataGrid__restrictBody .embPanel .embPanel__content { + z-index: unset !important; /* 1 */ +} diff --git a/src/plugins/discover/public/embeddable/saved_search_grid.tsx b/src/plugins/discover/public/embeddable/saved_search_grid.tsx index 7c567dc75dfa34..dbfb64775ed2e8 100644 --- a/src/plugins/discover/public/embeddable/saved_search_grid.tsx +++ b/src/plugins/discover/public/embeddable/saved_search_grid.tsx @@ -10,6 +10,7 @@ import { EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; import { DataTableRecord } from '../types'; import { DiscoverGrid, DiscoverGridProps } from '../components/discover_grid/discover_grid'; import { TotalDocuments } from '../application/main/components/total_documents/total_documents'; +import './saved_search_grid.scss'; export interface DiscoverGridEmbeddableProps extends DiscoverGridProps { totalHitCount: number;