Merge pull request #2540 from jryans/field-select

Use custom appearance and arrow for field selects
This commit is contained in:
Matthew Hodgson 2019-01-31 10:04:57 +01:00 committed by GitHub
commit 1465db3760
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 33 additions and 104 deletions

View file

@ -97,7 +97,7 @@ export default class TopLeftMenuButton extends React.Component {
resizeMethod="crop"
/>
{ nameElement }
<img className="mx_TopLeftMenuButton_chevron" src={require("../../../res/img/topleft-chevron.svg")} width="11" height="6" />
<span className="mx_TopLeftMenuButton_chevron"></span>
</AccessibleButton>
);
}

View file

@ -60,7 +60,7 @@ export default class Field extends React.PureComponent {
const element = this.props.element || "input";
const fieldInput = React.createElement(element, extraProps, this.props.children);
return <div className="mx_Field">
return <div className={`mx_Field mx_Field_${element}`}>
{fieldInput}
<label htmlFor={this.props.id}>{this.props.label}</label>
</div>;