From 768c3a67d55cf5cb47b48a204dc9d72b46f5e59a Mon Sep 17 00:00:00 2001
From: Alessandro Francia <a.francia@teamdev.it>
Date: Fri, 29 Jun 2018 08:25:53 +0200
Subject: [PATCH] fix checkbox view state equipment depot

---
 Step/wwwroot/assets/styles/base/depot.less | 22 +++++++++++++++-------
 Step/wwwroot/assets/styles/style.css       | 22 +++++++++++++++-------
 2 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/Step/wwwroot/assets/styles/base/depot.less b/Step/wwwroot/assets/styles/base/depot.less
index bcd91899..f21efe86 100644
--- a/Step/wwwroot/assets/styles/base/depot.less
+++ b/Step/wwwroot/assets/styles/base/depot.less
@@ -315,16 +315,16 @@
                 .depot-checkbox label {
                     cursor: pointer;
                     position: absolute;
-                    width: 24px;
-                    height: 24px;
+                    width: 22px;
+                    height: 22px;
                     top: 0;
                     left: 0;
-                    background: #fff;
-                    border: 1px solid @color-clear-blue;
+                    background-color: @color-white2;
+                    box-shadow: inset 0 1px 3px @color-black-50;
                     border-radius: 2px;
                 }
                 .depot-checkbox label:after {
-                    opacity: 0.2;
+                    opacity: 0;
                     content: '';
                     position: absolute;
                     width: 16px;
@@ -337,8 +337,16 @@
                     border-right: none;
                     transform: rotate(-48deg);
                 }
-                .depot-checkbox label:hover::after {
-                    opacity: 0.5;
+                .depot-checkbox input[type=checkbox]:checked+label{
+                    cursor: pointer;
+                    position: absolute;
+                    width: 22px;
+                    height: 22px;
+                    top: 0;
+                    left: 0;
+                    background-color: @color-white2;
+                    border: solid 1px @color-clear-blue;
+                    border-radius: 2px;
                 }
                 .depot-checkbox input[type=checkbox]:checked+label:after {
                     opacity: 1;
diff --git a/Step/wwwroot/assets/styles/style.css b/Step/wwwroot/assets/styles/style.css
index 86c5ebdf..86d46574 100644
--- a/Step/wwwroot/assets/styles/style.css
+++ b/Step/wwwroot/assets/styles/style.css
@@ -4246,16 +4246,16 @@ footer .container button.big:before {
 .depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox label {
   cursor: pointer;
   position: absolute;
-  width: 24px;
-  height: 24px;
+  width: 22px;
+  height: 22px;
   top: 0;
   left: 0;
-  background: #fff;
-  border: 1px solid #1791ff;
+  background-color: #f1f1f1;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
   border-radius: 2px;
 }
 .depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox label:after {
-  opacity: 0.2;
+  opacity: 0;
   content: '';
   position: absolute;
   width: 16px;
@@ -4268,8 +4268,16 @@ footer .container button.big:before {
   border-right: none;
   transform: rotate(-48deg);
 }
-.depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox label:hover::after {
-  opacity: 0.5;
+.depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox input[type=checkbox]:checked + label {
+  cursor: pointer;
+  position: absolute;
+  width: 22px;
+  height: 22px;
+  top: 0;
+  left: 0;
+  background-color: #f1f1f1;
+  border: solid 1px #1791ff;
+  border-radius: 2px;
 }
 .depot-container .depot-box .depot-footer .depot-footer-left .depot-checkbox input[type=checkbox]:checked + label:after {
   opacity: 1;