neomad-team/neomad.org

The menu looks broken on mobile

Closed this issue · 10 comments

A solution I find interesting is in this article
The "more" link. We hide "Account" and "Logout" when we start getting on mobile.
Any idea @vinyll @fuentesloic ?

I like the idea.
Similarly, I'd suggest to insert under the avatar anything that is user related (logout, privacy settings (coming soon), …)

A bit like:
screen shot 2017-04-28 at 11 40 37 am

i suggest we keep the avatar for actions or link about user and if we add menu items like "Read", we could shorten them with this method as well

Ok, links we have are:

  • read
  • around (soon)
  • profile
  • privacy settings (soon)
  • logout

Around (and view my trips) can be under profile part, aren't they ?

  • around should be visible for all users, even non registered.
  • "view my trips" is also "views John Doe's trips", therefore does not seem appropriate.

I would suggest:

  • read
  • around
  • avatar
    • my profile
    • privacy settings
    • logout

Where read and around could collapse into a "More" when screen is too small

Proposition on "CSS" branch

Preview:

screen shot 2017-05-02 at 9 05 31 pm

👍

You (@newick) were suggesting to remain coherent using you or me for meaning the user and seemed to prefer using me.
Should we then say "Around me"?

@vinyll yup, my bad!