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 <sethdonohue@Admins-MBP.guest.corp.microsoft.com>
microsoft · Jan 4, 2021 · 16797f4 · 16797f4
1 parent cb6aeec
commit 16797f4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/...omponents-2021-01-04-10-57-05-users-v-sedono-fix-switch-label-padding-cursor-pointer.json b/...omponents-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
@@ -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(*) {