mad-star-studio/element-web
2
0
Fork 0
Code Pull requests Activity

tooltipize BottomLeftMenu too for consistency

Browse source
This commit is contained in:
Matthew Hodgson 2015-10-11 15:00:43 +01:00
parent ae506b5b1f
commit b05f3343e2
7 changed files with 98 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/skins/vector/views/molecules/RoomTooltip.js
View file

@ -28,25 +28,35 @@ module.exports = React.createClass({
displayName: 'RoomTooltip',
componentDidMount: function() {
// tell the roomlist about us
dis.dispatch({
action: 'view_tooltip',
tooltip: this.getDOMNode(),
});
if (!this.props.bottom) {
// tell the roomlist about us so it can position us
dis.dispatch({
action: 'view_tooltip',
tooltip: this.getDOMNode(),
});
}
else {
var tooltip = this.getDOMNode();
tooltip.style.top = tooltip.parentElement.getBoundingClientRect().top + "px";
tooltip.style.display = "block";
}
},
componentDidUnmount: function() {
dis.dispatch({
action: 'view_tooltip',
tooltip: null,
});
if (!this.props.bottom) {
dis.dispatch({
action: 'view_tooltip',
tooltip: null,
});
}
},
render: function() {
var label = this.props.room ? this.props.room.name : this.props.label;
return (
<div className="mx_RoomTooltip">
<img className="mx_RoomTooltip_chevron" src="img/chevron-left.png" width="9" height="16"/>
{ this.props.room.name }
{ label }
</div>
);
}