Skip to content

Editor V2: Replace color-based collapse/expand indicators with arrow icons #2121

@shopify-river

Description

@shopify-river

Summary

Stop using background color as the indicator for a section being collapsed/expanded. Use standard arrow/chevron icons instead.

Rationale

From the Apr 21 CSOM sync: today collapsed windows get colored, which makes them look like section headers for the entire section, not like collapsed content. Standard disclosure arrows (▸ / ▾) communicate collapse state unambiguously without overloading color.

Acceptance

  • Collapsed and expanded section headers use an arrow/chevron icon to indicate state.
  • Background color is no longer used to signal collapse/expanded state.
  • Applies across editor V2 collapsible sections (properties panel, pipeline details, etc.).

Context: Captured from the Tangle / CSOM UX sync on Apr 21, 2026 (notes). Attendees: Matt Beaulne, Camiel van Schoonhoven, Maksym Yezhov.

Requested by Matt Beaulne matt.beaulne@shopify.com.

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