Add ability to resize devtool panes #6896
Replies: 1 comment 10 replies
-
|
This isn't an ideal solution but perhaps you could override a couple styles? Overriding the fixed |
Beta Was this translation helpful? Give feedback.
-
|
I just added a screenshot to the original post for what it looks like on my vertical monitor using |
Beta Was this translation helpful? Give feedback.
-
|
Can you look at this codesandbox link on that same vertical monitor? From what I see it should be 50/50 but I wonder if you somehow are overriding styles in your app? |
Beta Was this translation helpful? Give feedback.
-
|
Also, even in the stacked state, the query details are still limited to half the height of the panel, which is a waste. I would like to be able to expand this so I can prioritize viewing the data when I need it. Otherwise, almost half of the screen real estate is empty space for showing query keys that aren't present because I only have one query being used |
Beta Was this translation helpful? Give feedback.
-
|
The code sandbox does at least stack horizontally, however, sadly, it doesn't address the issue I stated just above ^ |
Beta Was this translation helpful? Give feedback.
-
|
@hheavener-kyd, just making you aware of this in case it helps. |
Beta Was this translation helpful? Give feedback.
-
About
The new version of devtools looks snazzy, but I have a major issue in that I cannot resize panes within the panel. When I select a query in the panel, the "Query Details" panel has a fixed width and it's too small for me to do anything with. I have to manually edit the width property to expand it so I can actually view the data. An older version of the devtools that I used stuck to 50% width for the "Query Details" panel but the newer version seems to be about half of that.
So can we please include the ability to resize panes within the overall panel, or at least return the details to 50% width?
To show the problem, I do a lot of my UI work on my vertical monitor and when I use the devtools on that monitor, this is what it ends up looking like:
It's also worth noting that I would like to be able to resize or collapse the sub-sections within the query details panel also. For instance, have the ability to collapse
Query Details,Actions,Data Explorer, andQuery Explorerand, let's say I have all of them butData Explorercollapsed, then theData Explorertab would expand vertically to fill the height of the panel. This would be ideal because the main thing I need to use the devtools for is this specific section and, most of the time, it's too small to be comfortably navigated.Beta Was this translation helpful? Give feedback.
All reactions