The ideea is to build the 3 elements – Login, Save and Login – in an uniform state once active / hover.
Jakub’s first sketch: the Login is active and background is applied around it; and the Save and Load are inactive, but once moved to Save the wrap background around Save needs to include Load too, although at Login it didn’t include Save or Load. Thus, the ideea to create and wrap in background each element and to be the same regardless of what elements is chosen. The wrap background is expandable in height and width. The inactive elements are opacity 50% (example).Posted by: Liv
Thanks Liv for posting. I like it. Here are my thoughts. However, the login button actually changes to a different state that is basically a text element showing the username with a "logout" link. So, the way it behaves is a bit different than the save / load functions. Perhaps that's why I kept it separate. I'm not sure yet how to fully resolve this.
On second thought. I think if the user is not logged in, I think you're right, the login button should also appear. If the user is logged in, perhaps the logout button will not appear.