diff --git a/assets/sass/components/key-metrics/_googlesitekit-key-metrics-setup-cta.scss b/assets/sass/components/key-metrics/_googlesitekit-key-metrics-setup-cta.scss index fa777cc891f..9fad09e363c 100644 --- a/assets/sass/components/key-metrics/_googlesitekit-key-metrics-setup-cta.scss +++ b/assets/sass/components/key-metrics/_googlesitekit-key-metrics-setup-cta.scss @@ -49,6 +49,20 @@ } } + .googlesitekit-preview-block { + @media (min-width: 800px) { + max-width: 42%; + min-height: 100%; + position: absolute; + right: 0; + top: 0; + } + + @media (min-width: $bp-wpdb3) { + max-width: 30%; + } + } + div.googlesitekit-widget-key-metrics-svg__wrapper { overflow: hidden; @@ -71,7 +85,7 @@ max-height: 140px; @media (min-width: $bp-desktop) { - max-height: 315px; + max-height: 310px; position: absolute; right: 0; top: 0; @@ -211,15 +225,26 @@ top: -25px; } + @media (min-width: $bp-desktop) { + max-height: 265px; + top: -25px; + } + + @media (min-width: 1024px) { + max-height: 310px; + right: 0; + top: -46px; + } + @media (min-width: $bp-xlarge) { max-height: 260px; right: 0; top: -14px; } @media (min-width: $bp-wpdb4) { - max-height: 300px; + max-height: 370px; right: 0; - top: -49px; + top: -67px; } } } diff --git a/tests/backstop/reference/google-site-kit_KeyMetrics_ConnectGA4CTAWidget_0_document_2_large.png b/tests/backstop/reference/google-site-kit_KeyMetrics_ConnectGA4CTAWidget_0_document_2_large.png index e1c733334a1..059e6a71621 100644 Binary files a/tests/backstop/reference/google-site-kit_KeyMetrics_ConnectGA4CTAWidget_0_document_2_large.png and b/tests/backstop/reference/google-site-kit_KeyMetrics_ConnectGA4CTAWidget_0_document_2_large.png differ diff --git a/tests/backstop/reference/google-site-kit_KeyMetrics_SetupCTAWidget_0_document_2_large.png b/tests/backstop/reference/google-site-kit_KeyMetrics_SetupCTAWidget_0_document_2_large.png index 7b30d6deeac..659b538db5b 100644 Binary files a/tests/backstop/reference/google-site-kit_KeyMetrics_SetupCTAWidget_0_document_2_large.png and b/tests/backstop/reference/google-site-kit_KeyMetrics_SetupCTAWidget_0_document_2_large.png differ