Merge pull request #4952 from overleaf/ae-resize-layout

Fix vertical editor pane resizing when layout changes

GitOrigin-RevId: d6e01326f919994725778392ff3aa291f3b8c1ea

services/web/app/views/project/editor/editor-with-symbol-palette.pug

@@ -20,7 +20,7 @@
 			vertical-resizable-panes-default-size="196"
 			vertical-resizable-panes-min-size="144"
 			vertical-resizable-panes-max-size="336"
-			vertical-resizable-panes-resize-on="left-pane-resize-all"
+			vertical-resizable-panes-resize-on="layout:flat-screen:toggle"
 		)
 			.div(vertical-resizable-top)
 

services/web/frontend/js/ide/directives/verticalResizablePanes.js

@@ -96,8 +96,10 @@ export default App.directive('verticalResizablePanes', (localStorage, ide) => ({
     }
 
     if (resizeOn) {
-      scope.$on(resizeOn, () => {
-        layoutHandle.resizeAll()
+      ide.$scope.$on(resizeOn, () => {
+        ide.$timeout(() => {
+          layoutHandle.resizeAll()
+        })
       })
     }