LP#1494748 - Increase the size of checkboxes in self check user/stompro/lp1494748_selfcheck_fine_button_checkboxes
authorJosh Stompro <stomproj@larl.org>
Tue, 16 Aug 2016 15:06:31 +0000 (10:06 -0500)
committerJosh Stompro <stomproj@larl.org>
Tue, 16 Aug 2016 15:06:31 +0000 (10:06 -0500)
This makes checkboxes easier to use for touch screen users.

Signed-off-by: Josh Stompro <stomproj@larl.org>
Open-ILS/web/css/skin/default/selfcheck.css

index 23bd388..fe9fcb2 100644 (file)
@@ -218,3 +218,14 @@ A {
    box-shadow:         inset 0 0 8px #ADADB2;
    border-radius: 12px;
 }
+
+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);
+}