put help icon next to heading

This commit is contained in:
Maren Süwer
2018-10-02 13:04:34 +02:00
parent d2fd8bbd39
commit bbc891178b
4 changed files with 20 additions and 15 deletions

View File

@@ -31,7 +31,7 @@ class Checkbox extends React.Component<Props> {
render() {
return (
<div className="field is-grouped">
<div className="control is-expanded">
<div className="control">
<label className="checkbox" disabled={this.props.disabled}>
<input
type="checkbox"

View File

@@ -82,10 +82,14 @@ class InputField extends React.Component<Props> {
""
);
return (
<div className="field">
{this.renderLabel()}
<div className="field is-grouped">
<div className="control is-expanded">
<div className="field">
<div className="field is-grouped">
<div className="control">
{this.renderLabel()}
</div>
{this.renderHelp()}
</div>
<div className="control">
<input
ref={input => {
this.field = input;
@@ -99,9 +103,7 @@ class InputField extends React.Component<Props> {
disabled={disabled}
/>
</div>
{this.renderHelp()}
</div>
{helper}
{helper}
</div>
);
}

View File

@@ -47,9 +47,13 @@ class Textarea extends React.Component<Props> {
return (
<div className="field">
{this.renderLabel()}
<div className="field is-grouped">
<div className="control is-expanded">
<div className="control">
{this.renderLabel()}
</div>
{this.renderHelp()}
</div>
<div className="control">
<textarea
className="textarea"
ref={input => {
@@ -60,8 +64,6 @@ class Textarea extends React.Component<Props> {
value={value}
/>
</div>
{this.renderHelp()}
</div>
</div>
);
}