taler-typescript-core

commit f0e6ba86795d3669e10e5d108d849f9985dbb6c9
parent 39bf3eeb89e18e7dc7baea8485b0ab2b04323e28
Author: Sebastian <sebasjm@gmail.com>
Date:   Wed, 31 Jul 2024 11:56:24 -0300

fix #9013

Diffstat:
M
packages/merchant-backoffice-ui/src/components/form/InputToggle.tsx
 | 
1
-
M
packages/merchant-backoffice-ui/src/scss/toggle.scss
 | 
6
+++---

2 files changed, 3 insertions(+), 4 deletions(-)
diff --git a/packages/merchant-backoffice-ui/src/components/form/InputToggle.tsx b/packages/merchant-backoffice-ui/src/components/form/InputToggle.tsx
@@ -70,7 +70,6 @@ export function InputToggle<T>({
       <div class="field-body is-flex-grow-3">
         <div class="field">
           <p class={expand ? "control is-expanded" : "control"}>
-            {/* {String(toBoolean(value))} */}
             <label class="toggle" style={{ marginLeft: 4, marginTop: 0 }}>
               <input
                 type="checkbox"
diff --git a/packages/merchant-backoffice-ui/src/scss/toggle.scss b/packages/merchant-backoffice-ui/src/scss/toggle.scss
@@ -50,14 +50,14 @@ $green: #56c080;
     background: $green;
 
     &:before {
-      left: 4px;
+      left: 30px;
     }
   }
   .toggle-checkbox:not(checked)+& {
-    background: $red;
+    background: $grey-lighter;
 
     &:before {
-      left: 30px;
+      left: 4px;
     }
   }
   .toggle-checkbox:indeterminate+& {