bmo icon indicating copy to clipboard operation
bmo copied to clipboard

Bug 1904321 - Make more user-facing pages mobile friendly

Open kyoshino opened this issue 1 year ago • 1 comments

Bug 1904321 - Make more user-facing pages mobile friendly

  • Compact, fixed global header with mobile drawer navigation
    • Larger menu items on mobile for easier tapping
    • Minor UI refresh: new icons, menu padding
    • My Attention link is moved to the BMO extension
    • New Account and Forgot Password links are moved to Log In dropdown
  • Responsive page layout: Home, Log In, New Account, Browse, User Preferences
    • Log In page gets a cleaner design
    • Removed the legacy mobile CSS for the Log In page
    • Some tables in the prefs pages are too big and simply overflow

kyoshino avatar Oct 02 '24 04:10 kyoshino

Please make the header icons and maybe the text a little brighter. They are difficult to see (at least for me). Also the text 'Search Bugs' placeholder text is too dim for me.This is true for both light and dark modes. image

Another example is the current header for BMO image

The text and icons are brighter to me on production. The 'Search Bug' placeholder text is the same so not a regression but would be nice if we could make that more readable as well in the process.

dklawren avatar Oct 25 '24 21:10 dklawren

Refined the header/drawer design as per feedback! The calendar not showing up seems to be a Firefox bug 😅

kyoshino avatar Oct 28 '24 04:10 kyoshino