search

mui / toolpad

Toolpad: Full stack components and low-code builder for dashboards and internal apps.
https://mui.com/toolpad/
MIT License
964 stars 244 forks source link

Allow adjusting the width of side panels #2193

Open prakhargupta1 opened 1 year ago

prakhargupta1 commented 1 year ago

Duplicates

Latest version

Summary 💡

I want to keep my VS code and Toolpad side by side but the panel resizing experience is not great, as shown in the image below:

Screenshot 2023-06-19 at 6 42 52 PM

There are 2 issues:

  1. The right panel should stop at a minimum width. Currently, it gets messy.
  2. The left panel should also be collapsible to some minimum width, as I just want to focus on the canvas. Due to the component drawer, holding the panel edge and shrinking it won't be possible as the drawer keeps expanding. One option could be like how Google Slides do it through a collapse button.
Screenshot 2023-06-19 at 7 56 50 PM

Motivation 🔦

So that users can debug functions and custom components faster.

JerryWu1234 commented 1 year ago

@prakhargupta1 I found that the collapse button is individually at the bottom. I feel that the collapse button probably does not fit our page. Do you?

image image how do you feel this?

prakhargupta1 commented 1 week ago

@apedroferreira May we can dogfood https://github.com/mui/mui-toolpad/issues/3808 here?

apedroferreira commented 1 week ago

@apedroferreira May we can dogfood #3808 here?

The issue seems to be about the editor but the mini sidebar / layout changes will be for the apps themselves, right? So it's kind of the same general problem but I don't that PR will tackle this directly.