Merge pull request #6138 from IgniteUI/switch-thumb-position

zdrawku · web-flow · commit aabf8f1e4456 · 2019-11-07T15:12:42.000+02:00
fix(switch): incorrect thumb position
diff --git a/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/switch/_switch-theme.scss
@@ -173,7 +173,7 @@
     ), map-get($theme, variant));
 
     $switch-off-offset: map-get((
-        material: 1px,
+        material: -1px,
         fluent: $switch-thumb-width / 3
     ), map-get($theme, variant));
 
@@ -279,7 +279,7 @@
         }
 
         @include if-rtl() {
-            transform: translateX(-#{rem($switch-off-offset)});
+            transform: translateX(#{rem(-1 * $switch-off-offset)});
         }
 
         &:hover {

Original file line number	Diff line number	Diff line change
`@@ -173,7 +173,7 @@`
`173`	`173`	`), map-get($theme, variant));`
`174`	`174`
`175`	`175`	`$switch-off-offset: map-get((`
`176`		`- material: 1px,`
	`176`	`+ material: -1px,`
`177`	`177`	`fluent: $switch-thumb-width / 3`
`178`	`178`	`), map-get($theme, variant));`
`179`	`179`
`@@ -279,7 +279,7 @@`
`279`	`279`	`}`
`280`	`280`
`281`	`281`	`@include if-rtl() {`
`282`		`- transform: translateX(-#{rem($switch-off-offset)});`
	`282`	`+ transform: translateX(#{rem(-1 * $switch-off-offset)});`
`283`	`283`	`}`
`284`	`284`
`285`	`285`	`&:hover {`