Add tool tips and hover states.

[kalimar]

There are a few places that would benefit from tool tips and hover state changes. The quickest solution is to just have the mouse pointer change on hover. Another more time consuming option is to also change the button on hover. I recommend doing that only if we do it consistently for all relevant buttons.

Here are some of the ones I found:

(Pointer change)

(Tooltips for the icons)

(Pointer change)

[case-eee]

@kalimar Hi there! I'm a first-time contributor and was hoping to help out with this issue. I noticed nobody was assigned to it, but if there's already a solution in progress I'm happy to try helping out elsewhere. Just let me know!

Also - I'd love some more clarification on this issue. What hover colors would you like to see? What text for the tooltips are you thinking?

Thanks!

[kalimar]

Hi Casey! Thanks for your interest. I'm out of pocket until later tonight but I'll provide some input soon Cheers Kalimar

On Fri, Sep 8, 2017, 10:38 Casey Ann Cumbow notifications@github.com wrote:

@kalimar https://github.com/kalimar Hi there! I'm a first-time contributor and was hoping to help out with this issue. I noticed nobody was assigned to it, but if there's already a solution in progress I'm happy to try helping out elsewhere. Just let me know!

Also - I'd love some more clarification on this issue. What hover colors would you like to see? What text for the tooltips are you thinking?

Thanks!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/rubyforgood/doublehranch/issues/135#issuecomment-328120829, or mute the thread https://github.com/notifications/unsubscribe-auth/ABMNoGcldDwZPhxtMogrObRJG61JoN5aks5sgVFbgaJpZM4OMYhX .

[kalimar]

Hi Casey, Sorry I didn't get back to you earlier in the weekend, I was out of town with limited access. Thanks so much for helping out with the project.

For hover states, there is already a color change but it is too subtle for the dark buttons and it's not consistent across the app. The light button on the home screen has a hover but I didn't investigate other buttons like the ones on the upload screen. I think it will be important to do that as part of this ticket. As far as the colors go, @maebeale and @Pratt0923 may already have something in mind. Otherwise, I would start by looking at the colors already used in the app. Take a look at the current list and try using one of those first. If those colors don't work well, feel free to experiment with new colors that you think fit well with the pallet. Then add them as constants to that list I referenced above. That way it will be easily available for use in the entire app.

For tooltips I recommend maybe:

• See all members
• Profile
• doublehranch.org
• Sign out

If you think something else makes more sense, by all means please give it a try.

Let me know if you have any questions about setting up the app or anything else

All the best, Kalimar

[maebeale]

@case-eee , hello and thanks for jumping in! @kalimar is spot on re the above. cheers!

[case-eee]

thanks @kalimar and @maebeale - i'll dive into this throughout this week during my free time 👍 i'm excited to help out!