From 09e824c1f0172bd116c731a167580d7168b939ea Mon Sep 17 00:00:00 2001 From: Eoin Gallagher Date: Mon, 2 Sep 2024 21:21:53 +0100 Subject: [PATCH 1/2] Checkout: update editor checkout style --- .../checkout/src/components/checkout-main-content.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/client/my-sites/checkout/src/components/checkout-main-content.tsx b/client/my-sites/checkout/src/components/checkout-main-content.tsx index 59c6846b78010..4673b77e01c1c 100644 --- a/client/my-sites/checkout/src/components/checkout-main-content.tsx +++ b/client/my-sites/checkout/src/components/checkout-main-content.tsx @@ -1144,6 +1144,10 @@ const WPCheckoutMainContent = styled.div` padding: 0 24px 0 64px; } } + + .editor-checkout-modal & { + margin-top: 33px; + } `; const WPCheckoutSidebarContent = styled.div` From f5b8025ec608018349dcf5283c5fd355fa2e7e9b Mon Sep 17 00:00:00 2001 From: Eoin Gallagher Date: Tue, 3 Sep 2024 10:45:58 +0100 Subject: [PATCH 2/2] update styles to fix sidebar positioning --- .../checkout/src/components/checkout-main-content.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/client/my-sites/checkout/src/components/checkout-main-content.tsx b/client/my-sites/checkout/src/components/checkout-main-content.tsx index 4673b77e01c1c..ef220ce83150e 100644 --- a/client/my-sites/checkout/src/components/checkout-main-content.tsx +++ b/client/my-sites/checkout/src/components/checkout-main-content.tsx @@ -1146,7 +1146,7 @@ const WPCheckoutMainContent = styled.div` } .editor-checkout-modal & { - margin-top: 33px; + margin-top: 20px; } `; @@ -1167,6 +1167,14 @@ const WPCheckoutSidebarContent = styled.div` padding: 144px 64px 0 24px; } } + + .editor-checkout-modal & { + padding: 68px 24px 144px 64px; + + .rtl & { + padding: 68px 64px 0 24px; + } + } `; const SitePreviewWrapper = styled.div` .home-site-preview {