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 <[email protected]> Co-authored-by: Stephen Crawford <[email protected]> (cherry picked from commit ce57d86)
opensearch-project · Apr 13, 2023 · 11be9b0 · 11be9b0
1 parent 1adf879
commit 11be9b0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git 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
@@ -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>