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

metacode selection tweaks

Browse source
This commit is contained in:
Devin Howard 2017-02-25 14:35:31 -08:00
parent 835961ce90
commit 479757d671
1 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -23,6 +23,7 @@ class Links extends Component {
}
handleMetacodeSelect = metacodeId => {
this.setState({ showMetacodeSelect: false })
this.props.updateTopic({
metacode_id: metacodeId
})
@ -81,14 +82,13 @@ class Links extends Component {
<div className="linkItem icon metacodeItem"
style={{ zIndex: this.state.showMetacodeTitle ? 4 : 1 }}
onMouseLeave={() => this.setState({ showMetacodeTitle: false, showMetacodeSelect: false })}
onClick={() => this.setState({ showMetacodeSelect: !this.state.showMetacodeSelect })}
>
<div className={`metacodeTitle mbg${metacode.get('id')}`}
style={{ display: this.state.showMetacodeTitle ? 'block' : 'none' }}
>
{metacode.get('name')}
<div className="expandMetacodeSelect"
onClick={() => this.setState({ showMetacodeSelect: !this.state.showMetacodeSelect })}
/>
<div className="expandMetacodeSelect"/>
</div>
<div className="metacodeImage"
style={{backgroundImage: `url(${metacode.get('icon')})`}}