fix: tab should have pointer as cursor (#14421)

microsoft · Aug 11, 2020 · 1580bb6 · 1580bb6
1 parent f4a212d
commit 1580bb6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/change/@fluentui-web-components-2020-08-08-12-50-31-users-chhol-fix-tab-pointer-cursor.json b/change/@fluentui-web-components-2020-08-08-12-50-31-users-chhol-fix-tab-pointer-cursor.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "fix: tab should have pointer as cursor",
+  "packageName": "@fluentui/web-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-08-08T19:50:31.375Z"
+}
diff --git a/packages/web-components/src/tabs/tab/tab.styles.ts b/packages/web-components/src/tabs/tab/tab.styles.ts
@@ -14,7 +14,7 @@ export const TabStyles = css`
         box-sizing: border-box;
         font-family: var(--body-font);
         ${
-          /* Font size, weight, and line height are temporary - 
+          /* Font size, weight, and line height are temporary -
             replace when adaptive typography is figured out */ ''
         } font-size: 12px;
         font-weight: 400;
@@ -27,6 +27,7 @@ export const TabStyles = css`
         align-items: center;
         justify-content: center;
         grid-row: 1;
+        cursor: pointer;
     }
 
     :host([aria-selected="true"]) {