fix(@tinacms/react-sidebar): fixed site elements relative to SiteWrapper

Using margin instead of padding on SiteWrapper
tinacms · Jan 15, 2021 · 2f5c75c · 2f5c75c
1 parent de2e1f7
commit 2f5c75c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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);
   }
 `