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

fix: consistent spacing between sub-sections, reactify #2955

Merged
merged 13 commits into from
Nov 25, 2024

Conversation

mcmcgrath13
Copy link
Collaborator

@mcmcgrath13 mcmcgrath13 commented Nov 22, 2024

PULL REQUEST

Summary

Use a consistent format for accordion sub-sections throughout the ecr viewer.

This PR adds a AccordionSubSection component and uses it throughout the viewer to make sure we have consistent spacing, formatting, IDing of sub-sections. This "react-ifies" the code base a bit more. I took some leeway when introducing the sub-component to refactor sections to be a bit more idiomatic React.

Related Issue

Fixes #2670

Additional Information

Look at that consistent spacing:
image

Checklist

  • If this code affects the other scrum team, have they been notified? (In Slack, as reviewers, etc.)

@ashton-skylight
Copy link
Collaborator

Look at that consistent spacing! What px or em is the spacing set to in this example?

@mcmcgrath13
Copy link
Collaborator Author

Look at that consistent spacing! What px or em is the spacing set to in this example?

A gutter of 1.5rem (so typically 24px, but depends on users preferred font size) is added between the sub-sections

Copy link
Collaborator

@BobanL BobanL left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great cleanup!

@mcmcgrath13 mcmcgrath13 added this pull request to the merge queue Nov 25, 2024
Merged via the queue into main with commit 594ea46 Nov 25, 2024
15 checks passed
@mcmcgrath13 mcmcgrath13 deleted the mcm/fix-spacing branch November 25, 2024 19:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

BUG: inconsistent spacing in design
3 participants