fix: Content jump when leaving edit mode

app/components/Layout.js

@@ -141,6 +141,7 @@ class Layout extends React.Component<Props> {
           <Content
             auto
             justify="center"
+            $isResizing={ui.sidebarIsResizing}
             $sidebarCollapsed={sidebarCollapsed}
             style={
               sidebarCollapsed
@@ -192,7 +193,7 @@ const MobileMenuButton = styled(Button)`
 const Content = styled(Flex)`
   margin: 0;
   transition: ${(props) =>
-    props.$sidebarCollapsed ? `margin-left 100ms ease-out` : "none"};
+    props.$isResizing ? "none" : `margin-left 100ms ease-out`};
 
   @media print {
     margin: 0;

app/components/Sidebar/Sidebar.js

@@ -111,6 +111,10 @@ function Sidebar({ location, children }: Props) {
     ui.setSidebarWidth(theme.sidebarWidth);
   }, [ui, theme.sidebarWidth]);
 
+  React.useEffect(() => {
+    ui.setSidebarResizing(isResizing);
+  }, [ui, isResizing]);
+
   React.useEffect(() => {
     if (location !== previousLocation) {
       ui.hideMobileSidebar();

app/stores/UiStore.js

@@ -26,6 +26,7 @@ class UiStore {
   @observable mobileSidebarVisible: boolean = false;
   @observable sidebarWidth: number;
   @observable sidebarCollapsed: boolean = false;
+  @observable sidebarIsResizing: boolean = false;
   @observable toasts: Map<string, Toast> = new Map();
   lastToastId: string;
 
@@ -97,6 +98,11 @@ class UiStore {
     }
   };
 
+  @action
+  setSidebarResizing = (sidebarIsResizing: boolean): void => {
+    this.sidebarIsResizing = sidebarIsResizing;
+  };
+
   @action
   setActiveCollection = (collection: Collection): void => {
     this.activeCollectionId = collection.id;