* WalrusIRC

You need to have 5 posts and not be part of restricted usergroups in order to use the WalrusIRC embedded shoutbox. However, you can also access our IRC channel called #CodeWalrus via EFnet.

Author Topic: Like/Flag as Abusive buttons require high accuracy  (Read 1043 times)

0 Members and 1 Guest are viewing this topic.

Offline p4nix

  • Full User
  • Join Date: Jun 2015
  • Location: Germany
  • Posts: 428
  • Post Rating Ratio: +6/-1
  • Don't catch the ball.
    • p4nix
  • Gender: Male
Like/Flag as Abusive buttons require high accuracy
« on: October 18, 2015, 10:05:57 pm »
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


  • Calculators owned: fx9860GII (SH4)

Offline xlibman

  • Omni founder & CW co-founder
  • CodeWalrus Staff
  • Super User
  • Original 5
  • CodeWalrus Supporter
  • *
  • Join Date: Nov 2014
  • Location: Quebec, Canada
  • Posts: 18420
  • Post Rating Ratio: +93/-4
    • dj_omnimaga
    • DJOmnimaga.music
    • @DJOmnimaga
    • dj_omnimaga
    • @DJOmnimaga
    • /u/DJ_Omnimaga
    • DJOmnimaga
    • 112/11286
    • @djomnimaga
    • @DJOmnimaga
    • DJ Omnimaga music store
  • Gender: Male
Re: Like/Flag as Abusive buttons require high accuracy
« Reply #1 on: October 18, 2015, 10:21:45 pm »
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.
  • Calculators owned: TI-57, 73, TI-80 (broken), TI-81, TI-82, TI-83, TI-83+ (broken), TI-83+ (broken), TI-83+SE (broken), TI-84+, TI-84+CSE, TI-84+CE, TI-85, TI-86, TI-89T, TI-92, TI-Nspire, TI-Nspire CX (semi-broken), HP 39gII, HP Prime, Casio fx-7000G, fx-7400G+, fx-7700GE, fx-9750G+, fx-9750GII, fx-9860G, cfx-9850G, FX-1.0+, fx-CG10, fx-CP400
  • Consoles, mobile devices and vintage computers owned: Samsung i5510, Nexus 5, Atari 2600, Lynx, SMS, Game Gear, Genesis, Dreamcast, NES, SNES, N64, GCN, Wii, Wii U, GBA, DS, 3DS, PS2, PS3, PS4, PSP, PSVita, XBox 360, XBOne

Bandcamp|Reverbnation|Facebook|Youtube|Twitter
Retired Omnimaga admin (2001-11) and editor (2012-14)

Offline Streetwalrus

  • Professional slacker
  • CodeWalrus Staff
  • Super User
  • Server Maintenance
  • Original 5
  • Join Date: Nov 2014
  • Location: Israel
  • Posts: 2881
  • Post Rating Ratio: +20/-0
  • ƎW∀⅁ ƎH⊥
  • Gender: Male
Re: Like/Flag as Abusive buttons require high accuracy
« Reply #2 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.
  • Calculators owned: TI-80, HP 40G, TI-84 Plus rev G (yay 128k RAM), TI-83 Plus Silver Edition (broken LCD), TI-82 Stats.fr (black), TI-Nspire CX rev C (yay Nlaunchy), TI-83+ SE ViewScreen



Offline p4nix

  • Full User
  • Join Date: Jun 2015
  • Location: Germany
  • Posts: 428
  • Post Rating Ratio: +6/-1
  • Don't catch the ball.
    • p4nix
  • Gender: Male
Re: Like/Flag as Abusive buttons require high accuracy
« Reply #3 on: October 19, 2015, 08:33:28 am »
It's still not fixed for me somehow. I mean, I'll be careful next time I press 'Like', but...
  • Calculators owned: fx9860GII (SH4)

Offline Streetwalrus

  • Professional slacker
  • CodeWalrus Staff
  • Super User
  • Server Maintenance
  • Original 5
  • Join Date: Nov 2014
  • Location: Israel
  • Posts: 2881
  • Post Rating Ratio: +20/-0
  • ƎW∀⅁ ƎH⊥
  • Gender: Male
Re: Like/Flag as Abusive buttons require high accuracy
« Reply #4 on: October 19, 2015, 08:53:57 am »
Clear your cache or do shift + f5 to reload the CSS.
  • Calculators owned: TI-80, HP 40G, TI-84 Plus rev G (yay 128k RAM), TI-83 Plus Silver Edition (broken LCD), TI-82 Stats.fr (black), TI-Nspire CX rev C (yay Nlaunchy), TI-83+ SE ViewScreen



Offline xlibman

  • Omni founder & CW co-founder
  • CodeWalrus Staff
  • Super User
  • Original 5
  • CodeWalrus Supporter
  • *
  • Join Date: Nov 2014
  • Location: Quebec, Canada
  • Posts: 18420
  • Post Rating Ratio: +93/-4
    • dj_omnimaga
    • DJOmnimaga.music
    • @DJOmnimaga
    • dj_omnimaga
    • @DJOmnimaga
    • /u/DJ_Omnimaga
    • DJOmnimaga
    • 112/11286
    • @djomnimaga
    • @DJOmnimaga
    • DJ Omnimaga music store
  • Gender: Male
Re: Like/Flag as Abusive buttons require high accuracy
« Reply #5 on: October 19, 2015, 05:57:24 pm »
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.
  • Calculators owned: TI-57, 73, TI-80 (broken), TI-81, TI-82, TI-83, TI-83+ (broken), TI-83+ (broken), TI-83+SE (broken), TI-84+, TI-84+CSE, TI-84+CE, TI-85, TI-86, TI-89T, TI-92, TI-Nspire, TI-Nspire CX (semi-broken), HP 39gII, HP Prime, Casio fx-7000G, fx-7400G+, fx-7700GE, fx-9750G+, fx-9750GII, fx-9860G, cfx-9850G, FX-1.0+, fx-CG10, fx-CP400
  • Consoles, mobile devices and vintage computers owned: Samsung i5510, Nexus 5, Atari 2600, Lynx, SMS, Game Gear, Genesis, Dreamcast, NES, SNES, N64, GCN, Wii, Wii U, GBA, DS, 3DS, PS2, PS3, PS4, PSP, PSVita, XBox 360, XBOne

Bandcamp|Reverbnation|Facebook|Youtube|Twitter
Retired Omnimaga admin (2001-11) and editor (2012-14)

 


You can also use the following HTML or bulletin board code to share it on your page or forum signature!


Also do not forget to check our affiliates below.
Planet Casio TI-Planet Calc.news BroniesQC BosaikNet Velocity Games