-
Notifications
You must be signed in to change notification settings - Fork 51
ApplicationState Enhancements - Implementation
#2274
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
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git βοΈ
|
315a271 to
184f6bc
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@zamoore I did a first pass, there are things that need to be fixed.
I haven't reviewed yet the actions alignments (there's something not working for me, not sure if it's at design level /cc @majedelass) and the vertical spacing, I'll do it in the second pass.
packages/components/src/components/hds/application-state/header.hbs
Outdated
Show resolved
Hide resolved
packages/components/src/components/hds/application-state/header.hbs
Outdated
Show resolved
Hide resolved
packages/components/src/components/hds/application-state/header.hbs
Outdated
Show resolved
Hide resolved
packages/components/src/components/hds/application-state/index.ts
Outdated
Show resolved
Hide resolved
packages/components/src/components/hds/application-state/index.ts
Outdated
Show resolved
Hide resolved
packages/components/src/components/hds/application-state/media.ts
Outdated
Show resolved
Hide resolved
showcase/tests/integration/components/hds/application-state/index-test.js
Outdated
Show resolved
Hide resolved
Co-authored-by: Cristiano Rastelli <[email protected]>
5c1b537 to
4cda0d6
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Left a couple of easy suggestions.
β Approved!
Co-authored-by: Cristiano Rastelli <[email protected]>
Co-authored-by: Zack Moore <[email protected]> Co-authored-by: Kristin Bradley <[email protected]> Co-authored-by: Jory Tindall <[email protected]> Co-authored-by: Cristiano Rastelli <[email protected]> Co-authored-by: Cristiano Rastelli <[email protected]>
π Summary
If merged, this PR updates the design and functionality of the
ApplicationStatecomponent.π οΈ Detailed description
Mediachild component that takes no arguments. Yields to any content.align(leftorcenter) argument that changes the orientation of content480px.DropdownandButtonas actionsπΈ Screenshots
New default layout for existing

ApplicationStateimplementations without mediaApplicationStatewithout media, new alignment optionsApplicationStatewith media, new alignment optionsApplicationStatewith extra-wide media, new alignment optionsπ External links
Jira ticket: HDS-3542
Figma file: Figma
π Component checklist
π¬ Please consider using conventional comments when reviewing this PR.