Fix example button hitbox

niklasvh · Dec 12, 2017 · 54c4002 · 54c4002
1 parent 91641a3
commit 54c4002
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/www/src/components/example.js b/www/src/components/example.js
@@ -66,7 +66,9 @@ export default class Example extends Component {
                         position: 'fixed',
                         zIndex: '1000',
                         right: '-348.4px',
-                        bottom: '-327.2px'
+                        bottom: '-327.2px',
+                        visibility: this.state.open ? 'visible' : 'hidden',
+                        transition: 'visibility 0.3s cubic-bezier(0.42, 0, 0.58, 1)'
                     }}
                 >
                     <div
@@ -107,6 +109,7 @@ export default class Example extends Component {
                                 cursor: 'pointer',
                                 transform: 'translate(-50%, -50%)',
                                 borderRadius: '50%',
+                                visibility: 'visible',
                                 boxShadow:
                                     '0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2)'
                             }}