fix(Button): add pointer events none for disabled state

8base · Sep 25, 2018 · 82c609e · 82c609e
1 parent db7c7b1
commit 82c609e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/atoms/Button/Button.js b/src/atoms/Button/Button.js
@@ -102,6 +102,7 @@ const theme = createTheme(name, (colors: *, sizes: *): * => ({
       borderColor: colors.LIGHT_GRAY3,
       color: colors.LIGHT_GRAY3,
       cursor: 'default',
+      pointerEvents: 'none',
 
       svg: {
         color: colors.LIGHT_GRAY3,

diff --git a/storybook/__tests__/__snapshots__/storyshots.test.js.snap b/storybook/__tests__/__snapshots__/storyshots.test.js.snap
@@ -1225,6 +1225,7 @@ exports[`Storyshots ATOMS/Button with disabled modifiers 1`] = `
   color: #E5E9EC;
   height: 4rem;
   padding: 0 4rem;
+  pointer-events: none;
 }
 
 .emotion-0:hover {