-
Notifications
You must be signed in to change notification settings - Fork 28
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
Component tree and Prop display width not adjustable #483
Comments
This is a great idea. I can totally see how the props panel needs more space in many situations. Something draggable like the other ones do like React DevTools seems doable. Awesome to here that Preact is used at NOAA. I didn't know that. That's crazy cool!! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
With the devtools open and Preact brought up, the tree/props pane can't be adjusted for width/horizontally - for instance making the props pane the wider of the two.
In general I find the props pane to require more space on the screen to display all of the information, especially when working with large or nested state objects.
I see that the corresponding react-devtools the component tree and props pane's vertical divider are adjustable. I find this an essential element to parsing through the app's state.
I haven't yet explored the actual codebase, but I understand there are scenarios where the styling couldn't easily support a mouse-drag adjustment. If that is the case, perhaps a simple setting would suffice. Something like a 'Tree:Props display ratio'.
Thank you so much for the wonderful tool - I use it everyday at work for NOAA. Many of our apps and tools are built with Preact, in case you did not know! Currently porting the ENOW Explorer from old Angular to a modern Preact with useContext/useReducer setup.
Ashley Thomas
The text was updated successfully, but these errors were encountered: