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. estimate - 3 A day or two of work, likely requires updates to tests. impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. p - low Issue is non core or affecting less that 10% of people using the library

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
@driskull driskull added p - low Issue is non core or affecting less that 10% of people using the library estimate - 3 A day or two of work, likely requires updates to tests. labels Feb 25, 2025
@DitwanP DitwanP added needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. and removed needs triage Planning workflow - pending design/dev review. labels Feb 25, 2025
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. estimate - 3 A day or two of work, likely requires updates to tests. impact - p3 - not time sensitive User set priority impact status of p3 - not time sensitive needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. p - low Issue is non core or affecting less that 10% of people using the library
Projects
None yet
Development

No branches or pull requests

3 participants