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

UI: HDS adoption replace footer element #24191

Merged
merged 4 commits into from
Nov 20, 2023
Merged

UI: HDS adoption replace footer element #24191

merged 4 commits into from
Nov 20, 2023

Conversation

alex-ju
Copy link
Member

@alex-ju alex-ju commented Nov 20, 2023

Replace <footer> with <Hds::AppFooter> component in main application template.

Notable changes:

  • the footer content is now aligned to the right
  • HashiCorp logo and copyright are now placed as the last items
  • legal links were added (Support, Terms, Privacy, Security, an Accessibility were added) – these are standard across the products, but if we feel strongly about not having them for now I can pull them off
  • links are now underlined (WCAG requirement) and are smaller in size
BeforeAfter
01-sign-in-before 02-sign-in-after
03-app-before 04-app-after

@github-actions github-actions bot added the hashicorp-contributed-pr If the PR is HashiCorp (i.e. not-community) contributed label Nov 20, 2023
</span>

<Hds::AppFooter as |AF|>
<AF.Link @href={{changelog-url-for this.auth.activeCluster.leaderNode.version}}>
Copy link
Member Author

Choose a reason for hiding this comment

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

note: I checked the ExternalLink code and AF.Link generates the same markup (target="_blank" rel="noopener noreferrer")

</DocLink>
</span>
</footer>
<AF.Link @href="https://developer.hashicorp.com/vault">
Copy link
Member Author

Choose a reason for hiding this comment

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

note: can't use DocLink anymore so had to hardcode this link it for now

Copy link
Contributor

Choose a reason for hiding this comment

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

we have a template helper you can use:

here's an example of where else it's implemented

@href={{doc-link "/vault/tutorials/enterprise/secrets-sync"}}

Copy link
Member Author

Choose a reason for hiding this comment

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

neat – will use that

Copy link

Build Results:
All builds succeeded! ✅

@hellobontempo hellobontempo added this to the 1.16.0-rc1 milestone Nov 20, 2023
Copy link
Contributor

@hellobontempo hellobontempo left a comment

Choose a reason for hiding this comment

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

Looks great! Thanks for tackling 😄

@hellobontempo hellobontempo merged commit 4cf837d into main Nov 20, 2023
71 checks passed
@hellobontempo hellobontempo deleted the ui/hds-footer branch November 20, 2023 18:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
hashicorp-contributed-pr If the PR is HashiCorp (i.e. not-community) contributed ui
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants