search

web-cat / pythy

Pythy – the Cloud-Based IDE for Novice Python Programmers
18 stars 3 forks source link

Change user drop-down in main menu to two links #31

Closed s-edwards closed 11 years ago

s-edwards commented 11 years ago

The user profile name/pic in the menu bar is currently a dropdown menu, but the menu only has two items. Instead, replace with with two plain menu buttons/links: one with the gravatar thumbnail and user name, linking to the user's account settings, and another for logout/sign out (either just the icon, or icon + text).

For bonus points, use CSS to ensure that the logout link slims down to just the icon for smaller screens/viewports, and the user account link slims down to just the thumbnail.

ArturAguiar commented 11 years ago

I have changed it to two buttons as seen below: pythy navbar1

Mouse over the logout button: pythy navbar 2 (The pointer shows as a hand though)

So the logout button is really just an icon right now. Should it not be? I can add the text next to it, but it didn't look necessary to me. I can try to work on collapsing the user's name if the space is limited. But I'm not sure of how to do that just yet.

Any other suggestions on this particular part of the navbar?

s-edwards commented 11 years ago

This looks good. No need to add text to the logout icon IMHO. However, you should add the text in a tooltip on mouse hover, saying "Sign out". Otherwise, this looks fine.