sirix-svelte-frontend icon indicating copy to clipboard operation
sirix-svelte-frontend copied to clipboard

Query input should be resizable

Open JohannesLichtenberger opened this issue 4 years ago • 3 comments

The query input field currently is too small for well formatted slightly longer queries. It thus should be resizable.

JohannesLichtenberger avatar Sep 30 '20 20:09 JohannesLichtenberger

Hello, I'm a beginner and I'd like to work on this, any insights?

tr1ms avatar Dec 30 '20 21:12 tr1ms

Hi @gsonly, if you set up the dev environment and navigate to the Query route, you will see that there is a text box (with syntax highlighting) on top, an empty square on the bottom (that is where query results are shown) - and on the right there is a panel with recent and saved queries. We need to allow resizing the text box height, and when it is enlarged, the area below it needs to be shrunk smaller, and the text box is shrunk, we need to expand the area below.

I would suggest taking a look at the CSS resize attribute, and use svelte bindings to clientHeight to respond to box resize.

The height of the text box is defined in tailwind css (h-32) here, and the height of the results area is defined here.

Does that help? Do you have experience with svelte?

Please don't hesistate to ask for help. You can also find me on the SirixDB slack for more informal discussion.

mosheduminer avatar Dec 30 '20 22:12 mosheduminer

@gsonly, how are things going?

mosheduminer avatar Jan 02 '21 22:01 mosheduminer