search

MoTrPAC / motrpac-frontend

User interface and Frontend for MoTrPAC Bioinformatics Center
MIT License
3 stars 0 forks source link

Connects to #246. UI fixes. #251

Closed jimmyzhen closed 1 year ago

jimmyzhen commented 1 year ago

Key Changes:

  1. The 3 top level nav items - QC Data Monitor, Prior Data Releases and Sample Summary have been moved into the dropdown menu of Data Access, in the attempt to address a few top nav UI issues in smaller viewport sizes:
    • The wrapping of QC Data Monitor link text, as well as the wrapping of logged-in user profile and logout button, cause the top nav to expand downward and cover up the page content towards the top of the page.
    • The addition of top nav items, upon logging in, cause the MoTrPAC logo size to decrease.
  2. Set the MoTrPAC logo in the top nav by pixel in size so that it no longer expands or contracts regardless of viewport sizes.
  3. Remove the display of logged-in user's full name in top nav. Instead, it will be shown in a dropdown menu when user clicks on the avatar icon.
  4. The responsive viewport size (screen width in particular) has been increased for the top nav items to be transitioned into a hamburger menu.
  5. Fixed the responsiveness of the featured links on Search page so that the number of cards will change accordingly in smaller viewport sizes.
  6. Fixed the responsiveness of the search input UIs on Search page so that the input elements wrap accordingly in smaller viewport sizes.