Merge pull request #2540 from jryans/field-select
Use custom appearance and arrow for field selects
This commit is contained in:
commit
1465db3760
8 changed files with 33 additions and 104 deletions
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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>;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue