update background color in "state" block (#903) (#942)

* update background color in "state" block * fix unit test failure * fix unit test failure * update test snapshot --------- (cherry picked from commit 44da2ab) Signed-off-by: Ruochen Wang <[email protected]> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: bowenlan-amzn <[email protected]>
opensearch-project · Nov 20, 2023 · fa2a164 · fa2a164
1 parent 9d754af
commit fa2a164
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 4 deletions.
diff --git a/public/pages/VisualCreatePolicy/components/States/State.tsx b/public/pages/VisualCreatePolicy/components/States/State.tsx
@@ -102,7 +102,7 @@ const State = ({ state, isInitialState, idx, onClickEditState, onClickDeleteStat
     }
     paddingSize="l"
   >
-    <EuiFlexGroup direction="column" style={{ backgroundColor: "#f8f9fc" }}>
+    <EuiFlexGroup direction="column" gutterSize="l">
       <EuiFlexItem grow={false}>
         <EuiText>
           <h4>Actions</h4>

diff --git a/public/pages/VisualCreatePolicy/components/States/__snapshots__/State.test.tsx.snap b/public/pages/VisualCreatePolicy/components/States/__snapshots__/State.test.tsx.snap
@@ -157,7 +157,6 @@ exports[`<State /> spec renders the component 1`] = `
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
-          style="background-color: rgb(248, 249, 252);"
         >
           <div
             class="euiFlexItem euiFlexItem--flexGrowZero"

diff --git a/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap b/public/pages/VisualCreatePolicy/components/States/__snapshots__/States.test.tsx.snap
@@ -281,7 +281,6 @@ exports[`<States /> spec renders the component 1`] = `
                 >
                   <div
                     class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
-                    style="background-color: rgb(248, 249, 252);"
                   >
                     <div
                       class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -485,7 +484,6 @@ exports[`<States /> spec renders the component 1`] = `
                 >
                   <div
                     class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
-                    style="background-color: rgb(248, 249, 252);"
                   >
                     <div
                       class="euiFlexItem euiFlexItem--flexGrowZero"