fix (web components): inline start margin rtl slider (#16356)

* add inline start margin for rtl to slider * Change files Co-authored-by: Seth Donohue <sethdonohue@Admins-MBP.guest.corp.microsoft.com>
microsoft · Jan 5, 2021 · 46055c7 · 46055c7
1 parent da37d8e
commit 46055c7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/...web-components-2021-01-04-11-29-21-users-v-sedono-fix-inline-start-margin-rtl-slider.json b/...web-components-2021-01-04-11-29-21-users-v-sedono-fix-inline-start-margin-rtl-slider.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "add inline start margin for rtl to slider",
+  "packageName": "@fluentui/web-components",
+  "email": "sethdonohue@Admins-MBP.guest.corp.microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2021-01-04T19:29:21.433Z"
+}
diff --git a/packages/web-components/src/slider/slider.styles.ts b/packages/web-components/src/slider/slider.styles.ts
@@ -81,7 +81,7 @@ export const SliderStyles = css`
     :host(.vertical) .track {
         top: calc(var(--track-overhang) * 1px);
         bottom: calc(var(--track-overhang) * 1px);
-        margin-left: calc((var(--design-unit) + calc(var(--density) + 2)) * 1px);
+        margin-inline-start: calc((var(--design-unit) + calc(var(--density) + 2)) * 1px);
         width: calc(var(--track-width) * 1px);
         height: 100%;
     }