Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Stepper Item] Reduce block padding #10720

Open
1 of 5 tasks
SkyeSeitz opened this issue Nov 13, 2024 · 0 comments
Open
1 of 5 tasks

[Stepper Item] Reduce block padding #10720

SkyeSeitz opened this issue Nov 13, 2024 · 0 comments
Labels
0 - new New issues that need assignment. Calcite (design) Issues logged by Calcite designers. enhancement Issues tied to a new feature or request. impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive needs triage Planning workflow - pending design/dev review.

Comments

@SkyeSeitz
Copy link

Check existing issues

Description

Per discussion in #10717 (comment), there is a bit of excessive height on all Stepper Item scales.

With issue #7623, the gap between heading and description would be removed, however the line-heights would increase slightly. Reducing the block padding could benefit Stepper Item whether it happens before or after changes in 7623.

image

Acceptance Criteria

Reduce block padding:
SM 16px →12px (space.md)
image

MD 20px → 16px (space.lg)
image

LG 24px → 20px (space.xl)
image

🔗 Figma specs: https://www.figma.com/design/7HKESXFvg1H0tpiAZO6hCH/Template-(Copy)?node-id=1501-934&m=dev

Relevant Info

cc @macandcheese @aaron

Which Component

Stepper Item

Example Use Case

No response

Priority impact

impact - p3 - not time sensitive

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

@SkyeSeitz SkyeSeitz added enhancement Issues tied to a new feature or request. 0 - new New issues that need assignment. needs triage Planning workflow - pending design/dev review. labels Nov 13, 2024
@github-actions github-actions bot added Calcite (design) Issues logged by Calcite designers. impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive labels Nov 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0 - new New issues that need assignment. Calcite (design) Issues logged by Calcite designers. enhancement Issues tied to a new feature or request. impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive needs triage Planning workflow - pending design/dev review.
Projects
None yet
Development

No branches or pull requests

1 participant