From 2f5c75c1323d94c033d30c195370254eb5fcffc2 Mon Sep 17 00:00:00 2001 From: Austin Condiff Date: Thu, 14 Jan 2021 23:36:21 -0600 Subject: [PATCH] fix(@tinacms/react-sidebar): fixed site elements relative to SiteWrapper Using margin instead of padding on SiteWrapper --- packages/@tinacms/react-sidebar/src/components/Sidebar.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/@tinacms/react-sidebar/src/components/Sidebar.tsx b/packages/@tinacms/react-sidebar/src/components/Sidebar.tsx index 16c6764271..f24b8e0500 100644 --- a/packages/@tinacms/react-sidebar/src/components/Sidebar.tsx +++ b/packages/@tinacms/react-sidebar/src/components/Sidebar.tsx @@ -138,8 +138,8 @@ const SidebarGlobalStyles = createGlobalStyle` const SiteWrapper = styled.div<{ open: boolean }>` @media (min-width: 840px) { - padding-left: ${props => (props.open ? 'var(--tina-sidebar-width)' : '0')}; - transition: padding-left 150ms ease-out; + margin-left: ${props => (props.open ? 'var(--tina-sidebar-width)' : '0')}; + transition: margin-left 150ms ease-out; transform: translate(0); } `