From 7202cd1d82dbebadb3cbec14552d0f92a50abba1 Mon Sep 17 00:00:00 2001
From: Jean-Louis Leysens <jloleysens@gmail.com>
Date: Wed, 24 Mar 2021 15:21:26 +0100
Subject: [PATCH 1/2] remove shadows from eui panel at all levels

---
 .../pipeline_processors_editor_item.scss                     | 5 -----
 .../pipeline_processors_editor_item.tsx                      | 3 ++-
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.scss b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.scss
index 55630fa96d9b0..d51dee31e9f8e 100644
--- a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.scss
+++ b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.scss
@@ -17,11 +17,6 @@
     box-shadow: none;
   }
 
-  // Remove the box-shadow on all nested items
-  .pipelineProcessorsEditor__item {
-    box-shadow: none !important;
-  }
-
   &__processorTypeLabel {
     line-height: $euiButtonHeightSmall;
   }
diff --git a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.tsx b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.tsx
index 27035a8d269f2..6f5e67ada4c49 100644
--- a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.tsx
+++ b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.tsx
@@ -158,7 +158,8 @@ export const PipelineProcessorsEditorItem: FunctionComponent<Props> = memo(
     };
 
     return (
-      <EuiPanel className={panelClasses} paddingSize="s">
+      // TODO: Add hasBorder={true} here
+      <EuiPanel hasShadow={false} paddingSize="s" className={panelClasses}>
         <EuiFlexGroup
           gutterSize="none"
           responsive={false}

From 80ba7b4d615c45359479ad3420184311586598c0 Mon Sep 17 00:00:00 2001
From: Jean-Louis Leysens <jloleysens@gmail.com>
Date: Tue, 30 Mar 2021 14:02:41 +0200
Subject: [PATCH 2/2] added "hasBorder" to support nested panels

---
 .../pipeline_processors_editor_item.tsx                        | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.tsx b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.tsx
index 6f5e67ada4c49..320f99acd08f7 100644
--- a/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.tsx
+++ b/x-pack/plugins/ingest_pipelines/public/application/components/pipeline_editor/components/pipeline_processors_editor_item/pipeline_processors_editor_item.tsx
@@ -158,8 +158,7 @@ export const PipelineProcessorsEditorItem: FunctionComponent<Props> = memo(
     };
 
     return (
-      // TODO: Add hasBorder={true} here
-      <EuiPanel hasShadow={false} paddingSize="s" className={panelClasses}>
+      <EuiPanel hasBorder hasShadow={false} paddingSize="s" className={panelClasses}>
         <EuiFlexGroup
           gutterSize="none"
           responsive={false}