Self Check: Pay fines link should be a button

[Josh Stompro]

In the EG simple self check interface, the "Pay fines" link under Fines->View Details should be a button, like the other UI elements. The LINK is harder to pick out and harder to press using a touch screen interface.

Also, the check boxes should be larger, to make them easier to activate with a touch screen interface.

Josh

[Josh Stompro (u-launchpad-stompro-org)]

For enlarging the checkboxes, this seems to do the trick.

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2.3); /* IE */
  -moz-transform: scale(2.3); /* FF */
  -webkit-transform: scale(2.3); /* Safari and Chrome */
  -o-transform: scale(2.3); /* Opera */
  padding: 10px;
  transform: scale(2.3);
}

[Ben Shum (bshum)]

Marking as a wishlist enhancement and targeting towards 2.next.

[Josh Stompro (u-launchpad-stompro-org)]

Working branch with changes at

user/stompro/lp1494748_selfcheck_fine_button_checkboxes
http://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/stompro/lp1494748_selfcheck_fine_button_checkboxes

The fines button and enlarged checkboxes are separate commits to make it easy to only accept one or the other.

We have been using both of these changes in production for 10 months without any issues.

Josh

[Kathy Lussier (klussier)]

I like it! However, the larger checkbox sizes, which looked nice in Chrome, came across as very blurry on Firefox (see screenshot). I tweaked the style for Firefox to get a larger than usual checkbox without the blurriness. If it looks good to you Josh, could you sign off on my commit so that I can merge this for 2.12?

Thanks!

[Mike Rylander (mrylander)]

For reference, Kathy's branch is here: http://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/kmlussier/lp1494748_selfcheck_fine_button_checkboxes

[Josh Stompro (u-launchpad-stompro-org)]

Thanks for testing and for the firefox adjustment. I think the size you picked is a good compromise.

In the future I may try to replace the default checkboxes with higher res images so they can be a little larger without being blurry.

My signoff branch is at
user/stompro/lp1494748_selfcheck_fine_button_checkboxes-signoff

http://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/stompro/lp1494748_selfcheck_fine_button_checkboxes-signoff

Josh

[Kathy Lussier (klussier)]

Thank you Josh! Merged to master for inclusion in 2.12!