Skip to content

Explore side padding for Costumes and Animations lists in Sprite panel #3247

Description

@qingqing-ux

Background

The Sprite panel currently shows Costumes and Animations as adjacent lists.

Visually, the padding on both sides of these lists feels too wide, which makes the area look loose and less coordinated with the expected design rhythm.

This is an exploratory issue. The goal is to confirm the appropriate padding value before making a final implementation decision.

Product Tension

The key tension is between visual breathing room and panel compactness.

  • If the padding is too wide, the Costumes and Animations lists feel disconnected from the Sprite panel structure.
  • If the padding is too narrow, the lists may feel cramped or harder to scan.
  • The final spacing should follow the design specification while keeping the Sprite panel visually balanced.

Questions To Explore

  • What should the side padding value be for the Costumes and Animations lists?
  • Should Costumes and Animations share the same side padding value?
  • How should this padding align with nearby spacing rules in the Sprite panel?

Expected Outcome

The expected padding value for the Costumes and Animations lists is clarified, and the Sprite panel layout feels more coordinated with the design specification.

Possible Deliverables

  • Design exploration
  • Design PR
  • Demo PR
  • Decision summary

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions