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

Add interstitial to search nav link. #103

Merged
merged 2 commits into from
Apr 10, 2024

Conversation

rebeccacremona
Copy link
Contributor

See ENG-750.

Currently, we link straight to the advanced search page at CourtListener in the main navigation and in the footer.

This PR switches the header link to toggle an interstitial instead, explaining what we are up to. Per discussion with Greg: since there is a lot of copy, the interstitial waits for the user to click through, rather than auto-redirecting after a few seconds. (There are usability plusses and minuses to both styles, but I think this is the correct choice.)

I didn't do anything fancy with the styles. TBD if the link wants to look more prominent: if it does, I would love for the particulars of the design to be dictated rather than improvised :-)

Never visited, triggered by mouse
image

Already visited once, triggered by keyboard
image

Mobile
image

Because dialog is magic, all the keyboard stuff JUST WORKS: focus is trapped inside the modal, focus sets to the link on toggle, escape dismisses and focus returns to the nav link, et voila.

I decided not to include it redundantly in the page footer; seem unnecessary.

@rebeccacremona rebeccacremona requested a review from a team as a code owner April 9, 2024 17:58
@rebeccacremona rebeccacremona requested review from bensteinberg and removed request for a team April 9, 2024 17:58
Copy link
Contributor

@bensteinberg bensteinberg left a comment

Choose a reason for hiding this comment

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

LGTM, just one suggested change

src/components/cap-nav.js Outdated Show resolved Hide resolved
Co-authored-by: Ben Steinberg <[email protected]>
@rebeccacremona rebeccacremona merged commit 63b3199 into harvard-lil:main Apr 10, 2024
1 check passed
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