Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

minimumPaneSizePercentage clamp with the header minimum. #151

Open
Bouh opened this issue Oct 10, 2020 · 2 comments
Open

minimumPaneSizePercentage clamp with the header minimum. #151

Bouh opened this issue Oct 10, 2020 · 2 comments

Comments

@Bouh
Copy link

Bouh commented Oct 10, 2020

Feature ask

Currently we can't reduce a panel to zero because the props value by default is minimum 20%.

minimumPaneSizePercentage: 20,

I ask for have an option for customize the value, on both axis X and Y, the idea is to stack the panels on X, and keep 20% for Y axis, the vertical panels.

image

Current behavior

image

@4dgarden
Copy link

You can change the default pane size like this.

<Mosaic
  resize={{ minimumPaneSizePercentage: 5 }}
...
/>

export interface EnabledResizeOptions {
minimumPaneSizePercentage?: number; // Default: 20
}

@Bouh
Copy link
Author

Bouh commented Oct 12, 2020

That's for sure, but the header size is not taken into account because the height value isn't dynamic.
When we have a zoom in the browser the panel can't be resized.

Here two headers in purple, zoom 150% in Chrome.
image

Even with a lower zoom, 110%, the split component can't be selected.
image

@Bouh Bouh changed the title Custom value for minimumPaneSizePercentage on X or Y axis minimumPaneSizePercentage clamp with the header minimum. Oct 12, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants