Merge pull request #12797 from amritanarasimhan/fixingIssue110

Fixing design issue with toolbar Former-commit-id: d331b88d1a39d57621304dd46b3779622aa4d7ce
BabylonJS · Jul 26, 2022 · 0c10663 · 0c10663
2 parents 68c36dd + 4db88a9
commit 0c10663
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/tools/guiEditor/src/main.scss b/packages/tools/guiEditor/src/main.scss
@@ -88,7 +88,7 @@
         }
     }
     .toolbar-icon {
-        width: 20px;
+        width: 40px;
         height: 40px;
     }
     &.expanded {

diff --git a/packages/tools/guiEditor/src/workbenchEditor.tsx b/packages/tools/guiEditor/src/workbenchEditor.tsx
@@ -197,6 +197,11 @@ export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEd
     };
     switchExpandedState(): void {
         this.setState({ toolbarExpand: !this.state.toolbarExpand });
+        if (!this.state.toolbarExpand) {
+            this._leftWidth = this._leftWidth - 50;
+        } else {
+            this._leftWidth = this._leftWidth + 50;
+        }
     }
 
     render() {