Edit header in small screens

[yohanboniface]

@Aurelie-Jallut what do you think about using an icon for the dashboard in this case (I'd suggest something like a profile icon https://thenounproject.com/icon/profile-4334341/) ? And maybe cutting the title shorter ? And what about the visibility text ? :)

[Aurelie-Jallut]

It's a bit strange to put a link to the profile in the middle of the page, as we usually look for it on the right. If you just display the first name and surname, you'd expect to come across a profile page or a drop-down menu with various possible actions: View my cards / Create a team / etc. I'll get a word that best represents what you'd expect to find behind it.

I'll go for a word that best represents what you expect to find behind it.

[Aurelie-Jallut]

Maybe this will works ?

[yohanboniface]

Maybe this will works ?

Sounds perfect to me :)

[yohanboniface]

Could it be also the opportunity to have a drop-down menu on click on the icon ? With entries:

• my profile
• my maps
• my teams

wdyt ? :)

[Aurelie-Jallut]

yes, a few months ago I designed something like this :

[yohanboniface]

Something like this ?

Normal screens:

Small screens:

[yohanboniface]

Small screen without the menu:

[yohanboniface]

Large screen:

[Aurelie-Jallut]

with menu :

• I would align the menu on the right-hand edge

without menu :

• can you leave the little vertical bar in front Help on small screen ?

[yohanboniface]

right-hand edge

right-hand edge of what ? :)

can you leave the little vertical bar in front Help on small screen ?

:ok_hand:

[Aurelie-Jallut]

right-hand edge of what the button :

[yohanboniface]

right-hand edge of what the button

Ok! I've had a look, but it's quite code expensive. Can we keep it left aligned for now ? :)

[Aurelie-Jallut]

hum... of course ;)