From 576e9273136a0d9419cf4226f721265968044352 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Tue, 12 Dec 2017 12:32:55 +0530
Subject: [PATCH] Tab focus checkbox

---
 frappe/public/css/desk.css   | 10 +++++++++-
 frappe/public/less/desk.less | 12 +++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/frappe/public/css/desk.css b/frappe/public/css/desk.css
index 0cfc53218e..c552167115 100644
--- a/frappe/public/css/desk.css
+++ b/frappe/public/css/desk.css
@@ -1012,7 +1012,6 @@ li.user-progress .progress-bar {
   text-align: right;
 }
 input[type="checkbox"] {
-  visibility: hidden;
   position: relative;
 }
 input[type="checkbox"]:before {
@@ -1031,12 +1030,21 @@ input[type="checkbox"]:before {
   -webkit-transition: 150ms color;
   -o-transition: 150ms color;
   transition: 150ms color;
+  background-color: white;
+  padding: 1px;
+  margin: -1px;
+}
+input[type="checkbox"]:focus:before {
+  color: #8D99A6;
 }
 input[type="checkbox"]:checked:before {
   content: '\f14a';
   font-size: 13px;
   color: #3b99fc;
 }
+input[type="checkbox"]:focus {
+  outline: none;
+}
 .multiselect-empty-state {
   min-height: 300px;
   display: flex;
diff --git a/frappe/public/less/desk.less b/frappe/public/less/desk.less
index 942b3fc58e..c7ae55638f 100644
--- a/frappe/public/less/desk.less
+++ b/frappe/public/less/desk.less
@@ -944,7 +944,6 @@ li.user-progress {
 
 // custom font awesome checkbox
 input[type="checkbox"] {
-	visibility: hidden;
 	position: relative;
 
 	&:before {
@@ -961,6 +960,13 @@ input[type="checkbox"] {
 		font-size: 14px;
 		color: @text-extra-muted;
 		.transition(150ms color);
+		background-color: white;
+		padding: 1px;
+		margin: -1px;
+	}
+
+	&:focus:before {
+		color: @text-muted;
 	}
 
 	&:checked:before {
@@ -968,6 +974,10 @@ input[type="checkbox"] {
 		font-size: 13px;
 		color: @checkbox-color;
 	}
+
+	&:focus {
+		outline: none;
+	}
 }
 
 // Will not be required after commonifying lists with empty state