imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update styling of message action bar for multiple buttons

Browse source 
This applies the new design for multiple buttons in the message action bar,
paving the way for more things to appear here.

In addition, this changes the existing options button to use the three vertical
dots icon. Some theme colors are also tweaked to align with what they were meant
to be from the unified palette.
This commit is contained in:
J. Ryan Stinnett 2019-04-29 13:04:16 +01:00
parent ed8bbc7082
commit 8ef9fe951d
5 changed files with 58 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/views/messages/MessageActionBar.js
View file

@ -78,10 +78,11 @@ export default class MessageActionBar extends React.PureComponent {
}
render() {
// TODO: Move the bar to a separate element once there are several buttons
return <span className="mx_MessageActionBar mx_MessageActionBar_optionsButton"
title={_t("Options")}
onClick={this.onOptionsClicked}
/>;
return <div className="mx_MessageActionBar">
<span className="mx_MessageActionBar_optionsButton"
title={_t("Options")}
onClick={this.onOptionsClicked}
/>
</div>;
}
}