Merge pull request #4953 from overleaf/ae-resize-sidebar-layout

Fix editor resizing when editor is hidden

GitOrigin-RevId: 1baf4c88bec459b1669d708609d4425891ebfd05

services/web/app/views/project/editor.pug

@@ -92,7 +92,7 @@ block content
 					ng-class="{ 'ide-history-open' : (ui.view == 'history' && history.isV2) }",
 					layout="main",
 					ng-hide="state.loading",
-					resize-on="layout:chat:resize,history:toggle",
+					resize-on="layout:chat:resize,history:toggle,layout:flat-screen:toggle",
 					minimum-restore-size-west="130"
 					custom-toggler-pane=hasFeature('custom-togglers') ? "west" : false
 					custom-toggler-msg-when-open=hasFeature('custom-togglers') ? translate("tooltip_hide_filetree") : false

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

@@ -162,7 +162,9 @@ export default App.directive('layout', ($parse, $compile, ide) => ({
             }
           }
 
-          return element.layout().resizeAll()
+          ide.$timeout(() => {
+            element.layout().resizeAll()
+          })
         }
 
         element.layout(options)