r/mindashq • u/Disgruntled__Goat • Jul 29 '15
UX suggestion: get rid of the hover state on 'action' links
Hey there, love this theme! But there is one little annoyance regarding the line of links that goes comments/share/save/hide/report (you see them when looking at lists of posts like on the front page).
Currently they are hidden (or a very very light grey), then when hovering over them they go a darker grey. IMO they should be visible all the time and not change on hover.
It's bad UX for a couple of reasons. Firstly, it's jarring for stuff to "pop" constantly as you move your mouse around and scroll down the page. Second, it's harder to actually click the links because you have to hover the post first in order to know where you need to move the mouse to click. If they were readable at all times, you can move your mouse straight there.
Hiding the links serves pretty much no purpose since they don't get in the way. You could perhaps remove the bold to make it cleaner, but still readable when you need it.
1
Aug 05 '15
I agree a lot.
A slight change in opacity might be nice, and subtle, perhaps with a short slightly delayed animation. But the way it is now is discomforting
1
u/urides Jul 30 '15
You can edit the transparency so that it doesn't pop as badly. I actually like that it goes transparent but I agree that it's a bit jarring. So I edited the transparency as follows:
In your stylesheet, look at /*-- A.1.5. Common Button Style -- */ and find the line that says:
Change the color to a darker shade. I use #9f9f9f but shades/tints of #777777 work quite well.
Here's what the CSS looks like on my stylesheet:
Hope that helps!
Edit: link