Move `ref` to outer div

This commit is contained in:
Luke Barnard 2017-05-25 13:49:41 +01:00
parent 284aeeb43e
commit 9d28c8f577
2 changed files with 13 additions and 3 deletions

View File

@ -178,9 +178,15 @@ module.exports = React.createClass({
<div className="mx_BottomLeftMenu"> <div className="mx_BottomLeftMenu">
<div className="mx_BottomLeftMenu_options"> <div className="mx_BottomLeftMenu_options">
{ homeButton } { homeButton }
<StartChatButton ref={this._collectPeopleButton} tooltip={true} /> <div ref={this._collectPeopleButton}>
<RoomDirectoryButton ref={this._collectDirectoryButton} tooltip={true} /> <StartChatButton tooltip={true} />
<CreateRoomButton ref={this._collectCreateRoomButton} tooltip={true} /> </div>
<div ref={this._collectDirectoryButton}>
<RoomDirectoryButton tooltip={true} />
</div>
<div ref={this._collectCreateRoomButton}>
<CreateRoomButton tooltip={true} />
</div>
<span className="mx_BottomLeftMenu_settings"> <span className="mx_BottomLeftMenu_settings">
<SettingsButton tooltip={true} /> <SettingsButton tooltip={true} />
</span> </span>

View File

@ -70,6 +70,10 @@ limitations under the License.
padding-bottom: 3px ! important; padding-bottom: 3px ! important;
} }
.mx_BottomLeftMenu_options > div {
display: inline-block;
}
.mx_BottomLeftMenu_options .mx_RoleButton { .mx_BottomLeftMenu_options .mx_RoleButton {
margin-left: 0px; margin-left: 0px;
margin-right: 10px; margin-right: 10px;