thunder icon indicating copy to clipboard operation
thunder copied to clipboard

Improve "add comment" button visibility

Open ad-on-is opened this issue 1 year ago • 6 comments

On mobile, the add comment button is barely noticeable, since it has the same bg color as the background.

Image

ad-on-is avatar Feb 07 '25 17:02 ad-on-is

This looks decent in light mode, I think because the shadow differentiates the floating button well enough.

Image

But I agree in dark mode, the floating button definitely blends in. How about we use a slightly tinted color, based on the theme?

Before After (Blue Theme) After (Green Theme)
Image Image Image

I'm just messing around here, so we can tweak things. How does it look?

micahmo avatar Feb 07 '25 19:02 micahmo

If you're asking me, I like it.

can you try the primary theme color, for consistency with the create post button?

ad-on-is avatar Feb 07 '25 19:02 ad-on-is

Sure! I also didn't want the floating button in the comments to be too abrasive, especially if people are used to it blending in. But you make a good point that it would be more consistent with the main feed FAB. What do you think?

Image Image

micahmo avatar Feb 07 '25 19:02 micahmo

I like the primary color better, since it feels somehow more noticeable

ad-on-is avatar Feb 07 '25 20:02 ad-on-is

Cool, I'll proceed with that change! It might take a bit because there are some edge cases to handle (namely, the experimental post page...). Thanks for the feedback!

micahmo avatar Feb 07 '25 20:02 micahmo

All good, thx!

ad-on-is avatar Feb 07 '25 20:02 ad-on-is