From 46055c7b84750bda3d609ab8bf58bb53e4e952cd Mon Sep 17 00:00:00 2001 From: Seth Donohue <31681651+SethDonohue@users.noreply.github.com> Date: Mon, 4 Jan 2021 16:14:23 -0800 Subject: [PATCH] fix (web components): inline start margin rtl slider (#16356) * add inline start margin for rtl to slider * Change files Co-authored-by: Seth Donohue --- ...users-v-sedono-fix-inline-start-margin-rtl-slider.json | 8 ++++++++ packages/web-components/src/slider/slider.styles.ts | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-web-components-2021-01-04-11-29-21-users-v-sedono-fix-inline-start-margin-rtl-slider.json diff --git a/change/@fluentui-web-components-2021-01-04-11-29-21-users-v-sedono-fix-inline-start-margin-rtl-slider.json b/change/@fluentui-web-components-2021-01-04-11-29-21-users-v-sedono-fix-inline-start-margin-rtl-slider.json new file mode 100644 index 00000000000000..4e5077ee7e7929 --- /dev/null +++ b/change/@fluentui-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 index 7fc823e4576986..ff00858eef904b 100644 --- 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%; }