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

Join page 1124 #1794

Merged
merged 13 commits into from
Feb 23, 2024
Merged

Join page 1124 #1794

merged 13 commits into from
Feb 23, 2024

Conversation

recondesigns
Copy link
Contributor

@recondesigns recondesigns commented Feb 23, 2024

Description of changes

Since there is more discussion needed for a full redesign, I just stuck with getting the "important" parts in and just do some light UX touchups.

  • Added a checkbox input for the OC Slack Community Guidelines (with copy and links)
  • Restricted the width of the form a bit
  • Moved the demographic disclaimer copy to the bottom of the form and below the submit button
  • Adjusted styles to demographic disclaimer

Issue Resolved

Fixes #1124

Screenshots/GIFs

before
after

Questions or issues

The "Operation Code's Slack Community Guidelines" copy for the checkbox label is long and breaks oddly (visible in screenshots). I also noticed this behavior in other places using the OutboundLink component (visible in screenshot below).

Making the form wider fixes the wrapping issue on desktop, but on smaller screen sizes it is just going to continue to wrap oddly. Should we change copy, or should I file a feature request for the OutboutLink component to allow better wrapping?

Screenshots/GIFs

Screenshot 2024-02-23 at 12 40 13 AM

@recondesigns recondesigns requested a review from kylemh February 23, 2024 06:52
Copy link

vercel bot commented Feb 23, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
operation-code ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 23, 2024 4:15pm
storybook ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 23, 2024 4:15pm

Copy link
Member

@kylemh kylemh 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!

Copy link

cypress bot commented Feb 23, 2024

1 flaky test on run #4620 ↗︎

0 25 0 0 Flakiness 1

Details:

Merge branch 'main' into join-page-1124
Project: operation_code Commit: 7d4529356e
Status: Passed Duration: 03:21 💡
Started: Feb 23, 2024 4:16 PM Ended: Feb 23, 2024 4:20 PM
Flakiness  cypress/e2e/hashlink.spec.js • 1 flaky test • all tests

View Output Video

Test Artifacts
Hash Links > on Corporate Sponsorship page > will change route when clicked Screenshots Video

Review all test suite changes for PR #1794 ↗︎

Copy link

codeclimate bot commented Feb 23, 2024

Code Climate has analyzed commit 7d45293 and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (90% is the threshold).

This pull request will bring the total coverage in the repository to 74.1% (0.0% change).

View more on Code Climate.

@kylemh kylemh merged commit 0ea54e4 into main Feb 23, 2024
18 checks passed
@kylemh kylemh deleted the join-page-1124 branch February 23, 2024 16:27
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.

Redesign Join page
2 participants