menu icon used without ref parent in MetaItem

This commit is contained in:
NikolaBorislavovHristov 2019-01-18 14:38:37 +02:00
parent d363965fe8
commit d2287598cd
2 changed files with 6 additions and 13 deletions

View file

@ -60,12 +60,10 @@ class MetaItem extends Component {
this.props.menu.length > 0 ?
<Popup className={this.props.popupClassName} onOpen={this.onMenuPopupOpen} onClose={this.onMenuPopupClose}>
<Popup.Label>
<div className={classnames(styles['menu-label'], { 'active': this.state.menuPopupOpen })}>
<Icon
className={styles['menu-icon']}
icon={'ic_more'}
/>
</div>
<Icon
className={classnames(styles['menu-icon'], { 'active': this.state.menuPopupOpen })}
icon={'ic_more'}
/>
</Popup.Label>
<Popup.Menu>
<div className={styles['menu-items-container']}>

View file

@ -60,16 +60,11 @@
color: var(--color-surfacelighter);
}
.menu-label {
.menu-icon {
width: 3em;
height: 3em;
padding: 0.8em;
.menu-icon {
width: 100%;
height: 100%;
fill: var(--color-surfacelighter);
}
fill: var(--color-surfacelighter);
&:hover, &:global(.active) {
background-color: var(--color-backgroundlighter);