glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix overeager metacode selector

Browse source
This commit is contained in:
Devin Howard 2017-02-25 15:27:19 -08:00
parent 9d0924f722
commit 6120d08281
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/components/TopicCard/Links.js
View file

@ -70,6 +70,12 @@ class Links extends Component {
return output return output
} }
handleMetacodeBarClick = () => {
if (this.state.showMetacodeTitle) {
this.setState({ showMetacodeSelect: !this.state.showMetacodeSelect })
}
}
render = () => { render = () => {
const { topic, ActiveMapper } = this.props const { topic, ActiveMapper } = this.props
const authorizedToEdit = topic.authorizeToEdit(ActiveMapper) const authorizedToEdit = topic.authorizeToEdit(ActiveMapper)
@ -80,7 +86,7 @@ class Links extends Component {
<div className="linkItem icon metacodeItem" <div className="linkItem icon metacodeItem"
style={{ zIndex: this.state.showMetacodeTitle ? 4 : 1 }} style={{ zIndex: this.state.showMetacodeTitle ? 4 : 1 }}
onMouseLeave={() => this.setState({ showMetacodeTitle: false, showMetacodeSelect: false })} onMouseLeave={() => this.setState({ showMetacodeTitle: false, showMetacodeSelect: false })}
onClick={() => this.setState({ showMetacodeSelect: !this.state.showMetacodeSelect })} onClick={this.handleMetacodeBarClick}
> >
<div className={`metacodeTitle mbg${metacode.get('id')}`} <div className={`metacodeTitle mbg${metacode.get('id')}`}
style={{ display: this.state.showMetacodeTitle ? 'block' : 'none' }} style={{ display: this.state.showMetacodeTitle ? 'block' : 'none' }}