From 11be9b00cf76be7daa8856ece92ed7b85292ab7a Mon Sep 17 00:00:00 2001
From: "opensearch-trigger-bot[bot]"
 <98922864+opensearch-trigger-bot[bot]@users.noreply.github.com>
Date: Thu, 13 Apr 2023 11:30:59 -0700
Subject: [PATCH] Fix "Get started" image is not adaptive to the browser window
 size. (#1396) (#1399)

* Fixed get-started page image not adapting to the browser window size

Signed-off-by: Sirazh Gabdullin <sirazh.gabdullin@nu.edu.kz>
Co-authored-by: Stephen Crawford <65832608+scrawfor99@users.noreply.github.com>
(cherry picked from commit ce57d868af80e95c3493f2da155ca16902a333f8)
---
 public/apps/configuration/panels/get-started.tsx           | 1 +
 .../panels/test/__snapshots__/get-started.test.tsx.snap    | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/public/apps/configuration/panels/get-started.tsx b/public/apps/configuration/panels/get-started.tsx
index e00e43372..8c221cc97 100644
--- a/public/apps/configuration/panels/get-started.tsx
+++ b/public/apps/configuration/panels/get-started.tsx
@@ -189,6 +189,7 @@ export function GetStarted(props: AppDependencies) {
                 size="xl"
                 alt="Three steps to set up your security"
                 url={securityStepsDiagram}
+                style={{ maxWidth: '100%', height: 'auto', width: 'auto' }}
               />
             </div>
           )}
diff --git a/public/apps/configuration/panels/test/__snapshots__/get-started.test.tsx.snap b/public/apps/configuration/panels/test/__snapshots__/get-started.test.tsx.snap
index df32d3d4d..9e034c0eb 100644
--- a/public/apps/configuration/panels/test/__snapshots__/get-started.test.tsx.snap
+++ b/public/apps/configuration/panels/test/__snapshots__/get-started.test.tsx.snap
@@ -239,6 +239,13 @@ exports[`Get started (landing page) renders when backend configuration is enable
         <EuiImage
           alt="Three steps to set up your security"
           size="xl"
+          style={
+            Object {
+              "height": "auto",
+              "maxWidth": "100%",
+              "width": "auto",
+            }
+          }
           url="test-file-stub"
         />
       </div>