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

updated design for header search open/close button #4216

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

alexbowen
Copy link
Contributor

@alexbowen alexbowen commented Sep 11, 2024

What

Change to add text 'Search' to search dropdown button. this is postfixed with visually hidden 'GOV.UK'. Open state has text 'Close' added. Mobile view should have text for both states completely visually hidden with just icons visible.

Why

Change is needed for new Home page search and finder front end designs

Visual Changes

Before

Screenshot 2024-09-11 at 06 52 58

Screenshot 2024-09-11 at 06 53 19

After

Screenshot 2024-09-11 at 06 51 40

Screenshot 2024-09-11 at 06 51 52

Screenshot 2024-09-11 at 06 51 09

Screenshot 2024-09-11 at 06 51 23

Screenshot 2024-09-11 at 09 39 17 Screenshot 2024-09-11 at 09 39 29

@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4216 September 11, 2024 05:46 Inactive
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4216 September 11, 2024 06:07 Inactive
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4216 September 11, 2024 06:43 Inactive
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4216 September 11, 2024 08:31 Inactive
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-4216 September 11, 2024 08:42 Inactive
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.

2 participants