Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2026-05-07 14:25:57 +02:00
Code Issues Packages Projects Releases Activity

put help icon next to heading

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

7
scm-ui-components/packages/ui-components/src/Help.js
View File

@@ -9,8 +9,9 @@ const styles = {
},
q: {
float: "left",
paddingLeft: "3px"
}
paddingLeft: "3px",
float: "right"
}
};
type Props = {
@@ -22,7 +23,7 @@ class Help extends React.Component<Props> {
render() {
const { message, classes } = this.props;
return (
<div className={classNames("tooltip is-tooltip-right", classes.q)}
<div className={classNames("tooltip is-tooltip-right is-tooltip-multiline", classes.q)}
data-tooltip={message}>
<i className={classNames("fa fa-question has-text-info", classes.img)}></i>
</div>

2
scm-ui-components/packages/ui-components/src/forms/Checkbox.js
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"

16
scm-ui-components/packages/ui-components/src/forms/InputField.js
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>
);
}

10
scm-ui-components/packages/ui-components/src/forms/Textarea.js
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>
);
}