From ab8b268dc826322fabe55fac745d3937ab1de377 Mon Sep 17 00:00:00 2001
From: Shahzad <shahzad31comp@gmail.com>
Date: Mon, 15 Feb 2021 11:42:32 +0100
Subject: [PATCH] WIP

---
 .../ping_list/columns/ping_timestamp/ping_timestamp.tsx     | 4 ++++
 .../ping_list/columns/ping_timestamp/translations.ts        | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/x-pack/plugins/uptime/public/components/monitor/ping_list/columns/ping_timestamp/ping_timestamp.tsx b/x-pack/plugins/uptime/public/components/monitor/ping_list/columns/ping_timestamp/ping_timestamp.tsx
index 60c01765c68b8..3bbe3dc4b25f1 100644
--- a/x-pack/plugins/uptime/public/components/monitor/ping_list/columns/ping_timestamp/ping_timestamp.tsx
+++ b/x-pack/plugins/uptime/public/components/monitor/ping_list/columns/ping_timestamp/ping_timestamp.tsx
@@ -28,6 +28,10 @@ const StepDiv = styled.div`
   figure.euiImage-isFullScreen {
     div.stepArrowsFullScreen {
       display: flex;
+      background-color: #fff;
+    }
+    .euiImage__caption {
+      background-color: #fff;
     }
   }
   position: relative;
diff --git a/x-pack/plugins/uptime/public/components/monitor/ping_list/columns/ping_timestamp/translations.ts b/x-pack/plugins/uptime/public/components/monitor/ping_list/columns/ping_timestamp/translations.ts
index 4ff1416bacc79..f781610745ced 100644
--- a/x-pack/plugins/uptime/public/components/monitor/ping_list/columns/ping_timestamp/translations.ts
+++ b/x-pack/plugins/uptime/public/components/monitor/ping_list/columns/ping_timestamp/translations.ts
@@ -26,11 +26,11 @@ export const fullSizeImageAlt = i18n.translate('xpack.uptime.synthetics.thumbnai
   defaultMessage: `A larger version of the screenshot for this journey step's thumbnail.`,
 });
 
-export const formatCaptionContent = (stepNumber: number, stepName?: number) =>
+export const formatCaptionContent = (stepNumber: number, totalSteps?: number) =>
   i18n.translate('xpack.uptime.synthetics.pingTimestamp.captionContent', {
-    defaultMessage: 'Step: {stepNumber} {stepName}',
+    defaultMessage: 'Step: {stepNumber} of {totalSteps}',
     values: {
       stepNumber,
-      stepName,
+      totalSteps,
     },
   });