Fixed the Dial Pad and finalized the changes

This commit is contained in:
Ayush PS 2021-05-02 22:10:15 +05:30
parent 8660ab000e
commit b42872daa4
2 changed files with 8 additions and 9 deletions

View file

@ -33,14 +33,15 @@ limitations under the License.
max-width: 150px; max-width: 150px;
border: none; border: none;
margin: 0px; margin: 0px;
} }
.mx_DialPadContextMenu_dialled input{ .mx_DialPadContextMenu_dialled input {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
overflow: hidden; overflow: hidden;
max-width: 150px;
text-align: left; text-align: left;
direction: rtl; direction: rtl;
padding: 8px 0px;
background-color: rgb(0, 0, 0, 0); background-color: rgb(0, 0, 0, 0);
} }

View file

@ -48,7 +48,7 @@ export default class DialpadContextMenu extends React.Component<IProps, IState>
onChange = (ev) => { onChange = (ev) => {
this.setState({value: ev.target.value}); this.setState({value: ev.target.value});
} }
render() { render() {
return <ContextMenu {...this.props}> return <ContextMenu {...this.props}>
@ -56,12 +56,10 @@ export default class DialpadContextMenu extends React.Component<IProps, IState>
<div> <div>
<span className="mx_DialPadContextMenu_title">{_t("Dial pad")}</span> <span className="mx_DialPadContextMenu_title">{_t("Dial pad")}</span>
</div> </div>
<form > <Field className="mx_DialPadContextMenu_dialled"
<Field className="mx_DialPadContextMenu_dialled" value={this.state.value} autoFocus={true}
value={this.state.value} autoFocus={true} onChange={this.onChange}
onChange={this.onChange} />
/>
</form>
</div> </div>
<div className="mx_DialPadContextMenu_horizSep" /> <div className="mx_DialPadContextMenu_horizSep" />
<div className="mx_DialPadContextMenu_dialPad"> <div className="mx_DialPadContextMenu_dialPad">