From 16797f484b2af348f136ba306e1f392721c45e1c Mon Sep 17 00:00:00 2001 From: Seth Donohue <31681651+SethDonohue@users.noreply.github.com> Date: Mon, 4 Jan 2021 13:07:23 -0800 Subject: [PATCH] fix (web components): add switch label margin and cursor pointer (#16351) * add switch label padding and cursor pointer * Change files * Update change/@fluentui-web-components-2021-01-04-10-57-05-users-v-sedono-fix-switch-label-padding-cursor-pointer.json Co-authored-by: Seth Donohue --- ...-v-sedono-fix-switch-label-padding-cursor-pointer.json | 8 ++++++++ packages/web-components/src/switch/switch.styles.ts | 2 ++ 2 files changed, 10 insertions(+) create mode 100644 change/@fluentui-web-components-2021-01-04-10-57-05-users-v-sedono-fix-switch-label-padding-cursor-pointer.json diff --git a/change/@fluentui-web-components-2021-01-04-10-57-05-users-v-sedono-fix-switch-label-padding-cursor-pointer.json b/change/@fluentui-web-components-2021-01-04-10-57-05-users-v-sedono-fix-switch-label-padding-cursor-pointer.json new file mode 100644 index 0000000000000..51cb1bfed8f28 --- /dev/null +++ b/change/@fluentui-web-components-2021-01-04-10-57-05-users-v-sedono-fix-switch-label-padding-cursor-pointer.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "add switch label margin and cursor pointer", + "packageName": "@fluentui/web-components", + "email": "sethdonohue@Admins-MBP.guest.corp.microsoft.com", + "dependentChangeType": "patch", + "date": "2021-01-04T18:57:05.315Z" +} diff --git a/packages/web-components/src/switch/switch.styles.ts b/packages/web-components/src/switch/switch.styles.ts index 4bf57603eecd2..1489fc2dab0e7 100644 --- a/packages/web-components/src/switch/switch.styles.ts +++ b/packages/web-components/src/switch/switch.styles.ts @@ -105,6 +105,8 @@ export const SwitchStyles = css` color: ${neutralForegroundRestBehavior.var}; font-size: var(--type-ramp-base-font-size); line-height: var(--type-ramp-base-line-height); + margin-inline-end: calc(var(--design-unit) * 2px + 2px); + cursor: pointer; } ::slotted(*) {