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

Apply 50% opacity to the checkmark when there is no status

Browse source
This commit is contained in:
Travis Ralston 2018-12-14 13:49:35 -07:00
parent 7efd82f713
commit 7b0766a303
3 changed files with 12 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/views/context_menus/StatusMessageContextMenu.js
View file

@ -48,11 +48,16 @@ export default class StatusMessageContextMenu extends React.Component {
}
render() {
const formSubmitClasses = classNames({
"mx_StatusMessageContextMenu_submit": true,
"mx_StatusMessageContextMenu_submitFaded": !this.state.message, // no message == faded
});
const form = <form className="mx_StatusMessageContextMenu_form" onSubmit={this._onSubmit} autoComplete="off">
<input type="text" key="message" placeholder={_t("Set a new status...")} autoFocus={true}
className="mx_StatusMessageContextMenu_message"
value={this.state.message} onChange={this._onStatusChange} maxLength="60" />
<AccessibleButton onClick={this._onSubmit} element="div" className="mx_StatusMessageContextMenu_submit">
<AccessibleButton onClick={this._onSubmit} element="div" className={formSubmitClasses}>
<img src="img/icons-checkmark.svg" width="22" height="22" />
</AccessibleButton>
</form>;