Skip to content

RBQL Console: make Query settings collapsible and let preview table use full height#249

Open
HighWolf wants to merge 1 commit into
mechatroner:masterfrom
HighWolf:rbql_cosole_full_height
Open

RBQL Console: make Query settings collapsible and let preview table use full height#249
HighWolf wants to merge 1 commit into
mechatroner:masterfrom
HighWolf:rbql_cosole_full_height

Conversation

@HighWolf
Copy link
Copy Markdown


This pull request updates the layout and styling of the rbql_client.html interface to improve its responsiveness and usability. The main changes include converting the layout to use flexbox for better resizing, making the query settings section collapsible, and enhancing the scrolling and sizing behavior of the table window.

Layout and Responsiveness Improvements:

  • Switched the body and major container elements (#rbql_console, #table_group) to use flexbox, allowing the interface to resize more gracefully and use the full viewport height. [1] [2]
  • Updated the #table_window to flexibly fill available space, removed the fixed max height, and improved scroll behavior for large tables.

UI/UX Enhancements:

  • Replaced the static "Query settings" header with a collapsible <details> element, making the settings section expandable/collapsible for a cleaner interface. [1] [2]
  • Improved the appearance and behavior of the query settings summary, including custom icons and transitions for open/close states.

These changes collectively modernize the interface, making it more user-friendly and adaptable to different screen sizes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant