Skip to content

Sidebar Dock #2789

@edschema

Description

@edschema

Design

Figma link

Sidebar Dock Sidebar Controls
Image Image

Specs

Sidebar dock extends the full page height

  • Sidebar dock fill is light-200
  • Sidebar dock has a left stroke of light-400
  • Dock shows available sidebars
  • Clicking on an icon selects a sidebar
  • Sidebar icons have a white fill
  • Selected sidebar icon has an increased weight of 3px
  • Unselected sidebar icons have a weight of 1px
  • The sidebar control at the top of the dock allows users to expand/ collapse the sidebar
  • The dock persists when the sidebar is collapsed
  • When collapsed, the sidebar control changes to indicate state and that it can be opened:
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    Status

    Ready for development

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions