From 208b2122acf06301b4ec4fed0edaa2ef3e5c76c4 Mon Sep 17 00:00:00 2001
From: = <paolo@teamdev.it>
Date: Mon, 31 Aug 2020 10:24:07 +0200
Subject: [PATCH] toggle disabled

---
 .../wwwroot/assets/styles/base/buttons.less   | 19 +++++++-------
 Thermo.Active/wwwroot/assets/styles/style.css | 25 +++++++++++--------
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/Thermo.Active/wwwroot/assets/styles/base/buttons.less b/Thermo.Active/wwwroot/assets/styles/base/buttons.less
index aaa662ad..be5be3df 100644
--- a/Thermo.Active/wwwroot/assets/styles/base/buttons.less
+++ b/Thermo.Active/wwwroot/assets/styles/base/buttons.less
@@ -439,18 +439,19 @@ fieldset[disabled] .form-group.is-focused .togglebutton label {
   color: #fff;
 }
 
-.togglebutton.big {
+.togglebutton.big,
+.togglebutton.big[disabled] {
   span.toggle {
-    height: 40px;
-    width: 112px;
-    border-radius: 20px;
-    font-size: 17px;
-    line-height: 40px;
-    font-weight: bold;
+    height: 40px !important;
+    width: 112px !important;
+    border-radius: 20px !important;
+    font-size: 17px !important;
+    line-height: 40px !important;
+    font-weight: bold !important;
 
     &:after {
-      width: 36px;
-      height: 36px;
+      width: 36px !important;
+      height: 36px !important;
     }
   }
 
diff --git a/Thermo.Active/wwwroot/assets/styles/style.css b/Thermo.Active/wwwroot/assets/styles/style.css
index e5da1c69..783dc2f7 100644
--- a/Thermo.Active/wwwroot/assets/styles/style.css
+++ b/Thermo.Active/wwwroot/assets/styles/style.css
@@ -6032,19 +6032,22 @@ fieldset[disabled] .form-group.is-focused .togglebutton label {
   background-image: linear-gradient(to bottom, #3fa4ff, #1791ff);
   color: #fff;
 }
-.togglebutton.big span.toggle {
-  height: 40px;
-  width: 112px;
-  border-radius: 20px;
-  font-size: 17px;
-  line-height: 40px;
-  font-weight: bold;
+.togglebutton.big span.toggle,
+.togglebutton.big[disabled] span.toggle {
+  height: 40px !important;
+  width: 112px !important;
+  border-radius: 20px !important;
+  font-size: 17px !important;
+  line-height: 40px !important;
+  font-weight: bold !important;
 }
-.togglebutton.big span.toggle:after {
-  width: 36px;
-  height: 36px;
+.togglebutton.big span.toggle:after,
+.togglebutton.big[disabled] span.toggle:after {
+  width: 36px !important;
+  height: 36px !important;
 }
-.togglebutton.big input[type=checkbox]:checked + .toggle:after {
+.togglebutton.big input[type=checkbox]:checked + .toggle:after,
+.togglebutton.big[disabled] input[type=checkbox]:checked + .toggle:after {
   left: 74px;
 }
 .custom-checkbox {