fix: toggleButtonRestyling

Patricio Albizu · Patricio Albizu · commit d6b7ddb9f607 · 2021-03-01T14:15:51.000-03:00
diff --git a/projects/components/src/toggle-switch/toggle-switch.component.scss b/projects/components/src/toggle-switch/toggle-switch.component.scss
@@ -10,7 +10,7 @@
 
     .mat-checked {
       .mat-slide-toggle-thumb-container {
-        transform: translate3d(10px, 0, 0) !important;
+        transform: translate3d(7px, 0, 0) !important;
         margin-left: 1px;
       }
 
@@ -29,8 +29,8 @@
       height: 12px;
 
       .mat-slide-toggle-ripple {
-        top: calc(50% - 10px);
-        left: calc(50% - 10px);
+        top: calc(50% - 7px);
+        left: calc(50% - 7px);
         height: 20px;
         width: 20px;
       }
@@ -44,7 +44,7 @@
 
     .mat-slide-toggle-bar {
       background-color: $gray-5;
-      width: 20px;
+      width: 18px;
       height: 6px;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`
`11`	`11`	`.mat-checked {`
`12`	`12`	`.mat-slide-toggle-thumb-container {`
`13`		`- transform: translate3d(10px, 0, 0) !important;`
	`13`	`+ transform: translate3d(7px, 0, 0) !important;`
`14`	`14`	`margin-left: 1px;`
`15`	`15`	`}`
`16`	`16`
`@@ -29,8 +29,8 @@`
`29`	`29`	`height: 12px;`
`30`	`30`
`31`	`31`	`.mat-slide-toggle-ripple {`
`32`		`- top: calc(50% - 10px);`
`33`		`- left: calc(50% - 10px);`
	`32`	`+ top: calc(50% - 7px);`
	`33`	`+ left: calc(50% - 7px);`
`34`	`34`	`height: 20px;`
`35`	`35`	`width: 20px;`
`36`	`36`	`}`
`@@ -44,7 +44,7 @@`
`44`	`44`
`45`	`45`	`.mat-slide-toggle-bar {`
`46`	`46`	`background-color: $gray-5;`
`47`		`- width: 20px;`
	`47`	`+ width: 18px;`
`48`	`48`	`height: 6px;`
`49`	`49`	`}`
`50`	`50`	`}`