flipper cursor should be pointer on hover (#15824)

* flipper cursor should be pointer on hover * Change files
microsoft · Nov 4, 2020 · 70498e1 · 70498e1
1 parent d493a6b
commit 70498e1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/...ui-web-components-2020-11-03-15-20-01-users-chhol-flipper-on-hover-should-be-pointer.json b/...ui-web-components-2020-11-03-15-20-01-users-chhol-flipper-on-hover-should-be-pointer.json
@@ -0,0 +1,8 @@
+{
+  "type": "patch",
+  "comment": "flipper cursor should be pointer on hover",
+  "packageName": "@fluentui/web-components",
+  "email": "chhol@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-11-03T23:20:01.788Z"
+}
diff --git a/packages/web-components/src/flipper/flipper.styles.ts b/packages/web-components/src/flipper/flipper.styles.ts
@@ -58,6 +58,10 @@ export const FlipperStyles = css`
         cursor: ${disabledCursor};
     }
 
+    :host(:hover) {
+        cursor: pointer;
+    }
+
     :host(:hover)::before {
         background: ${neutralFillStealthHoverBehavior.var};
         border-color: ${neutralOutlineHoverBehavior.var};