fix(slide-toggle): thumb spacing at end for rtl (#1659)

* Ensure that the `md-slide-toggle` always shows the spacing at the end of the `thumb` container.
angular · Nov 1, 2016 · ad3100e · ad3100e
1 parent 8220452
commit ad3100e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/lib/slide-toggle/slide-toggle.scss b/src/lib/slide-toggle/slide-toggle.scss
@@ -8,6 +8,7 @@ $md-slide-toggle-height: 24px !default;
 $md-slide-toggle-bar-height: 14px !default;
 $md-slide-toggle-thumb-size: 20px !default;
 $md-slide-toggle-margin: 16px !default;
+$md-slide-toggle-spacing: 8px !default;
 
 
 @mixin md-switch-ripple() {
@@ -72,7 +73,12 @@ md-slide-toggle {
 
   position: relative;
 
-  margin-right: 8px;
+  margin-right: $md-slide-toggle-spacing;
+
+  [dir='rtl'] & {
+    margin-left: $md-slide-toggle-spacing;
+    margin-right: 0;
+  }
 }
 
 // The thumb container is responsible for the dragging functionality.