The shoutbox is currently out of service. Join us on Discord instead.
You can help CodeWalrus stay online by donating here.

Like/Flag as Abusive buttons require high accuracy

Started by p4nix, October 18, 2015, 10:05:57 pm

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

p4nix

As I've mentioned in IRC, I have some troubles with the 'Like' and 'Flag as Abusive' buttons. It's quite easily to hit the wrong button, which isn't very nice. Here's a picture to illustrate my issue:


So, I'm running an Ubuntu with Chromium and I also have tested with Firefox - both have this problem. I'm not sure if this is just me or a bad button design. Maybe you can put a border around it, or add some more whitespace to like? I don't know if it is possible, but maybe also a kind of second verification with another button so that you really can't 'Flag as Abusive' accidently?

Anyway, I try to be more concentrated when hitting 'Like' now :P

DJ Omnimaga

Hm, after further testing, I noticed that this happens in Opera too. Definitively a serious problem that we need to investigate. I am suspecting that an entire DIV tag is set to be clickable, but that tag happens to be several pixels larger than it should, on the left.

I am unsure how well this can be fixed, but it would definitively help to at least lower the width so that the clickable area only fills the text/icon area. We also plan to move the buttons farther than quote/modify in the future, because in mobile mode they are quite close.

Streetwalrus

Fixed, along with some aesthetics improvements on these buttons. The problem was that it used padding instead of margin in the CSS.

p4nix

It's still not fixed for me somehow. I mean, I'll be careful next time I press 'Like', but...

Streetwalrus

Clear your cache or do shift + f5 to reload the CSS.

DJ Omnimaga

Quote from: Streetwalrus on October 19, 2015, 08:25:46 am
Fixed, along with some aesthetics improvements on these buttons. The problem was that it used padding instead of margin in the CSS.
Ah that was it? I assumed it was just some div behind the buttons.

Powered by EzPortal