aleabodo/react-animated-menus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bug fixes

Browse Source
This commit is contained in:
Alexander Bell
2018-06-06 11:52:46 -07:00
parent 9d846a7bd8
commit 4a21052e4a
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "react-animated-menus", "name": "react-animated-menus",
"version": "1.0.7", "version": "1.0.11",
"description": "React component that mounts three dot button that morphs into a menu by clicking on it.", "description": "React component that mounts three dot button that morphs into a menu by clicking on it.",
"main": "./lib/index.js", "main": "./lib/index.js",
"license": "MIT", "license": "MIT",

8
src/components/Menu.js
View File

@ -51,19 +51,19 @@ class App extends Component {
if(event.target.closest('#'+id) && !open) { if(event.target.closest('#'+id) && !open) {
this.open = true; this.open = true;
animate(); this.animate();
} }
if(!event.target.closest('#'+id) && open) { if(!event.target.closest('#'+id) && open) {
this.open = false; this.open = false;
animate(); this.animate();
} }
}); });
} }
animate() { animate() {
const id = this.state.id; const id = this.id;
//Targets that will be triggered //Targets that will be triggered
var targetDots = document.querySelectorAll('#'+id+' .Menu_dot'); var targetDots = document.querySelectorAll('#'+id+' .Menu_dot');
@ -227,7 +227,7 @@ class App extends Component {
const styleFont = {fontSize: style.width}; const styleFont = {fontSize: style.width};
return ( return (
<div style={style} id={this.state.id} className="Menu Menu_closed"> <div style={style} id={this.id} className="Menu Menu_closed">
<div className="Menu_dotBox"> <div className="Menu_dotBox">
<div style={styleDot} className="Menu_dot Menu_dotA"> <div style={styleDot} className="Menu_dot Menu_dotA">
<div className="Menu_button" style={styleFont} onClick={this.props.food.a.action}> <div className="Menu_button" style={styleFont} onClick={this.props.food.a.action}>