fix maximize panel

ethereum · Sep 16, 2024 · 5ab1e33 · 5ab1e33
1 parent 04febb1
commit 5ab1e33
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 14 deletions.
diff --git a/apps/remix-ide/src/app/panels/layout.ts b/apps/remix-ide/src/app/panels/layout.ts
@@ -85,7 +85,13 @@ export class Layout extends Plugin {
       const current = await this.call('sidePanel', 'currentFocus')
       if (this.enhanced[current]) {
         this.event.emit('enhancesidepanel')
-      } else {
+      }
+
+      if (this.maximized[current]) {
+        this.event.emit('maximisesidepanel')
+      }
+
+      if (!this.enhanced[current] && !this.maximized[current]) {
         this.event.emit('resetsidepanel')
       }
     })
@@ -94,7 +100,13 @@ export class Layout extends Plugin {
       const current = await this.call('pinnedPanel', 'currentFocus')
       if (this.enhanced[current]) {
         this.event.emit('enhancepinnedpanel')
-      } else {
+      }
+
+      if (this.maximized[current]) {
+        this.event.emit('maximisepinnedpanel')
+      }
+
+      if (!this.enhanced[current] && !this.maximized[current]) {
         this.event.emit('resetpinnedpanel')
       }
     })

diff --git a/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx b/libs/remix-ui/app/src/lib/remix-app/components/dragbar/dragbar.tsx
@@ -46,21 +46,17 @@ const DragBar = (props: IRemixDragBarUi) => {
       if (layoutPosition === 'left') {
         const width = coeff * window.innerWidth
 
-        if (width > refObject.current.offsetWidth) {
-          props.refObject.current.style.width = width + 'px'
-          setTimeout(() => {
-            setDragBarPosX(offset + width)
-          }, 300)
-        }
+        props.refObject.current.style.width = width + 'px'
+        setTimeout(() => {
+          setDragBarPosX(offset + width)
+        }, 300)
       } else if (layoutPosition === 'right') {
         const width = coeff * window.innerWidth
 
-        if (width > refObject.current.offsetWidth) {
-          refObject.current.style.width = width + 'px'
-          setTimeout(() => {
-            setDragBarPosX(window.innerWidth - width)
-          }, 300)
-        }
+        refObject.current.style.width = width + 'px'
+        setTimeout(() => {
+          setDragBarPosX(window.innerWidth - width)
+        }, 300)
       }
     }
   }