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;
border: none;
margin: 0px;
}
.mx_DialPadContextMenu_dialled input{
.mx_DialPadContextMenu_dialled input {
font-size: 18px;
font-weight: 600;
overflow: hidden;
max-width: 150px;
text-align: left;
direction: rtl;
padding: 8px 0px;
background-color: rgb(0, 0, 0, 0);
}

View file

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