RightPanel: remove superfluous divs

This commit is contained in:
Richard van der Hoff 2017-02-03 12:00:33 +00:00
parent 67e14ff363
commit 7ceaabb166

View file

@ -197,27 +197,26 @@ module.exports = React.createClass({
if (this.props.roomId) { if (this.props.roomId) {
buttonGroup = buttonGroup =
<div className="mx_RightPanel_headerButtonGroup"> <div className="mx_RightPanel_headerButtonGroup">
<div className="mx_RightPanel_headerButton"> <AccessibleButton className="mx_RightPanel_headerButton"
<AccessibleButton title="Members" onClick={ this.onMemberListButtonClick }> title="Members" onClick={ this.onMemberListButtonClick }>
<div className="mx_RightPanel_headerButton_badge">{ membersBadge ? membersBadge : <span>&nbsp;</span>}</div> <div className="mx_RightPanel_headerButton_badge">{ membersBadge ? membersBadge : <span>&nbsp;</span>}</div>
<TintableSvg src="img/icons-people.svg" width="25" height="25"/> <TintableSvg src="img/icons-people.svg" width="25" height="25"/>
{ membersHighlight } { membersHighlight }
</AccessibleButton> </AccessibleButton>
</div> <AccessibleButton
<div className="mx_RightPanel_headerButton mx_RightPanel_filebutton"> className="mx_RightPanel_headerButton mx_RightPanel_filebutton"
<AccessibleButton title="Files" onClick={ this.onFileListButtonClick }> title="Files" onClick={ this.onFileListButtonClick }>
<div className="mx_RightPanel_headerButton_badge">&nbsp;</div> <div className="mx_RightPanel_headerButton_badge">&nbsp;</div>
<TintableSvg src="img/icons-files.svg" width="25" height="25"/> <TintableSvg src="img/icons-files.svg" width="25" height="25"/>
{ filesHighlight } { filesHighlight }
</AccessibleButton> </AccessibleButton>
</div> <AccessibleButton
<div className="mx_RightPanel_headerButton mx_RightPanel_notificationbutton"> className="mx_RightPanel_headerButton mx_RightPanel_notificationbutton"
<AccessibleButton title="Notifications" onClick={ this.onNotificationListButtonClick }> title="Notifications" onClick={ this.onNotificationListButtonClick }>
<div className="mx_RightPanel_headerButton_badge">&nbsp;</div> <div className="mx_RightPanel_headerButton_badge">&nbsp;</div>
<TintableSvg src="img/icons-notifications.svg" width="25" height="25"/> <TintableSvg src="img/icons-notifications.svg" width="25" height="25"/>
{ notificationsHighlight } { notificationsHighlight }
</AccessibleButton> </AccessibleButton>
</div>
<div className="mx_RightPanel_headerButton mx_RightPanel_collapsebutton" title="Hide panel" onClick={ this.onCollapseClick }> <div className="mx_RightPanel_headerButton mx_RightPanel_collapsebutton" title="Hide panel" onClick={ this.onCollapseClick }>
<TintableSvg src="img/minimise.svg" width="10" height="16"/> <TintableSvg src="img/minimise.svg" width="10" height="16"/>
</div> </div>
@ -262,4 +261,3 @@ module.exports = React.createClass({
); );
} }
}); });