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

feat: Sites & Applications UX fixes #293

Merged
merged 8 commits into from
Nov 1, 2021
Merged

Conversation

suzubara
Copy link
Contributor

@suzubara suzubara commented Oct 25, 2021

Description

This PR makes some small UX/design fixes as described in #286 (everything listed in the COMPLETED section). It does not cover the items contained in separate issues.

  • Adjust MySpace columns to 3, maybe adjust margins/padding
  • Change color on search dropdown text to white
  • Change padding on collections boxes (24px for top/bottom and 16pc for L/R)
  • Even out padding within myspace container (24px on all sides)
  • Remove side nav links that are unused (My profile, Subordinate profiles, etc...)
  • Change all footer text to white
  • Add hover states to buttons
  • Remove hover state for search dropdown
  • "Add section" box height should be equal to a collection card with 5 links inside it
  • "Search" text is not using trebuchet
  • In "alphabetical" view, description columns will need to be moved to the left to make room for more content (Note: this might actually be resolved on it's own once content is added)
  • Add hover states to main nav
  • Update button styles on alphabetical/type sorts
  • ReactUSWDS ComboBox scroll bug ([fix] ComboBox scroll behavior trussworks/react-uswds#1693)

Fixes #286

Review Notes

Review the deployed app & Storybook against the list of UX fixes above and verify that they are in fact completed.

@github-actions
Copy link
Contributor

🎉 View the deployed prototype - https://286-sites-apps-ux-fixes--ussf-portal-client.netlify.app

@suzubara suzubara force-pushed the 286-sites-apps-ux-fixes branch from b04d63d to ddf1a96 Compare October 28, 2021 21:38
Suzanne Rozier and others added 4 commits October 28, 2021 17:39
* added hover overs

* Added hovers to main nav

* Added new styles to filter buttons on S&A

* Added font weight
@github-actions
Copy link
Contributor

🎉 View your component in Storybook - https://286-sites-apps-ux-fixes--ussf-storybook.netlify.app

@suzubara suzubara marked this pull request as ready for review October 29, 2021 18:11
@github-actions
Copy link
Contributor

🎉 View the deployed prototype - https://286-sites-apps-ux-fixes--ussf-portal-client.netlify.app

@suzubara suzubara changed the title [WIP] Sites & Applications UX fixes feat: Sites & Applications UX fixes Oct 29, 2021
@github-actions
Copy link
Contributor

🎉 View the deployed prototype - https://286-sites-apps-ux-fixes--ussf-portal-client.netlify.app

Copy link
Contributor

@jbecker01 jbecker01 left a comment

Choose a reason for hiding this comment

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

From what I could check, it looks good!

  • Adjust MySpace columns to 3, maybe adjust margins/padding
  • Change color on search dropdown text to white
  • Change padding on collections boxes (24px for top/bottom and 16pc for L/R)
  • Even out padding within myspace container (24px on all sides)
  • Remove side nav links that are unused (My profile, Subordinate profiles, etc...)
  • Change all footer text to white
  • Add hover states to buttons
  • Remove hover state for search dropdown
  • "Add section" box height should be equal to a collection card with 5 links inside it
  • "Search" text is not using trebuchet
  • In "alphabetical" view, description columns will need to be moved to the left to make room for more content (Note: this might actually be resolved on it's own once content is added)
  • Add hover states to main nav
  • Update button styles on alphabetical/type sorts
  • ReactUSWDS ComboBox scroll bug ([fix] ComboBox scroll behavior [fix] ComboBox scroll behavior trussworks/react-uswds#1693)

Copy link
Contributor

@malworks malworks left a comment

Choose a reason for hiding this comment

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

For the "Change search dropdown text to white" bullet, can we also change the dropdown icon to white?
Screen Shot 2021-11-01 at 10 52 50 AM
I took a quick look to change this myself but couldn't find the icon for some reason?

@suzubara suzubara merged commit d3e9f0f into main Nov 1, 2021
@suzubara suzubara deleted the 286-sites-apps-ux-fixes branch November 1, 2021 19:58
@suzubara suzubara mentioned this pull request Dec 20, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Sites & Application fixes for static prototype testing
4 participants