Variable Explorer cell height too high on vertical screen

[kylebarron]

It appears that there's a maximum number of rows that the Variable Explorer can have. So on a vertical high DPI monitor, the spacing between rows is too high. Would this be dealt with in styles/hydrogen-python.less? Inside the VariableExplorerRenderer class?

This is a gif of me dragging the bottom edge of the Atom window down to the bottom of the screen. The initial pixel width seems ideal regardless of Atom's window height.

[nikitakit]

The behavior for this is specified in the javascript file, not the stylesheet.

I'm well aware that the rendering of the sidebar has many issues. Unfortunately, the third-party library I'm using hasn't made it easy for me to find a good parameter combination that works. It's possible to change the code so these display issues don't happen for tall windows, but then if you shrink the Atom window size the variable explorer will have scrolling and pages simultaneously, which is also far from ideal. Another issue to keep in mind is how the component reacts when an existing Atom window is resized.

I would appreciate any help in getting the rendering fixed, either by specifying better options or by finding a better library for rendering tables.

I do most of my programming in Python (rarely touching Javascript except when I need to fix something in hydrogen), so I'm not in the best position to know how to render tables using a web stack.

[kylebarron]

That's fair. I have no experience with web stacks, but I may do some exploring.