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

Layout customization #249

Open
mosheduminer opened this issue Sep 30, 2020 · 1 comment
Open

Layout customization #249

mosheduminer opened this issue Sep 30, 2020 · 1 comment
Labels
enhancement New feature or request

Comments

@mosheduminer
Copy link
Member

mosheduminer commented Sep 30, 2020

  • Enable resizing the various "sections" in each route,
  • as well as allow drag-and-drop to rearrange the layout.
    (a section would be, for example, (in the resource route) the bar showing database/resource names, the history timeline, the resource view. (in the query route) the query box, the query result display, the saved/old queries bar).

I imagine this would require

  • using something like svelte-dnd-action to allow rearranging the layout,
  • and using the resize CSS property to allow native element resize.
  • I imagine the resize property would exist on containers that would each containe a single "region" that is draggable.
  • There should be listeners to resize the container region when a large section is moved to a small region (and swap the small section to the other region).
  • There should be listeners to accommodate the resize of a region by resizing other regions.

This would require refactoring the layouts to be compatible with drag and drop.

@mosheduminer mosheduminer added enhancement New feature or request hacktoberfest labels Sep 30, 2020
@mosheduminer
Copy link
Member Author

Another implementation possibility is to use svelte-grid.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant