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 <[email protected]>
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": "[email protected]",
+  "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(*) {