Skip to content

Redesign Table Schema Viewer #2978

@AlinaBelousovaUX

Description

@AlinaBelousovaUX

Redesign the table schema viewer to open as a resizable overlay panel instead of a separate section under the navigation tree.

Image

Overlay Panel

  • Open table schema in overlay panel that slides over navigation tree each time selecting the table in the tree
  • Collapse/expand overlay via chevron button
  • Allow scrolling inside the panel
  • Make it collapsed when the height is less then 120px
Image

Resizable Height

Image

Make overlay height resizable with drag handle

  • Initial height: 25% of the tree
  • Minimum height: collapsed
  • Maximum height: 90% of the tree
  • Remember the height

Content Display

Show complete table schema (columns, types, primary keys, indexes). Remove other tabs - display only schema information

Navigation

Keep navigation tree visible & interactive when overlay is open. Allow quick switching between tables by clicking other tables in tree (closes current overlay, opens new one with smooth animation)

Figma mockups

UX ticket: Improve Table Schema UX according to Usability Research #2713

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions