mirror of
https://github.com/4ian/GDevelop.git
synced 2025-10-15 10:19:04 +00:00
Use fields without margins when displayed in InlinePopover
This commit is contained in:
@@ -34,9 +34,7 @@ export default class InlinePopover extends Component {
|
||||
>
|
||||
<Background>
|
||||
<Column expand>
|
||||
<Line>
|
||||
{this.props.children}
|
||||
</Line>
|
||||
<Line>{this.props.children}</Line>
|
||||
</Column>
|
||||
</Background>
|
||||
</Popper>
|
||||
|
@@ -31,6 +31,7 @@ export default class AudioResourceField extends Component<
|
||||
|
||||
return (
|
||||
<ResourceSelector
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
project={this.props.project}
|
||||
resourceSources={this.props.resourceSources}
|
||||
onChooseResource={this.props.onChooseResource}
|
||||
|
@@ -127,6 +127,7 @@ export default class BehaviorField extends React.Component<
|
||||
|
||||
return (
|
||||
<SemiControlledAutoComplete
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
floatingLabelText={this._description}
|
||||
fullWidth
|
||||
errorText={
|
||||
|
@@ -21,6 +21,7 @@ export default class DefaultField extends React.Component<
|
||||
|
||||
return (
|
||||
<SemiControlledTextField
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
commitOnBlur
|
||||
value={this.props.value}
|
||||
floatingLabelText={description}
|
||||
|
@@ -48,6 +48,7 @@ export default class ExternalEventsField extends React.Component<
|
||||
|
||||
return (
|
||||
<SemiControlledAutoComplete
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
floatingLabelText={
|
||||
parameterMetadata ? parameterMetadata.getDescription() : undefined
|
||||
}
|
||||
|
@@ -27,7 +27,7 @@ export default class GlobalVariableField extends React.Component<
|
||||
const { project, scope } = this.props;
|
||||
|
||||
return (
|
||||
<div>
|
||||
<React.Fragment>
|
||||
<VariableField
|
||||
variablesContainer={project ? project.getVariables() : null}
|
||||
parameterMetadata={this.props.parameterMetadata}
|
||||
@@ -56,7 +56,7 @@ export default class GlobalVariableField extends React.Component<
|
||||
}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@@ -31,6 +31,7 @@ export default class JsonResourceField extends Component<
|
||||
|
||||
return (
|
||||
<ResourceSelector
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
project={this.props.project}
|
||||
resourceSources={this.props.resourceSources}
|
||||
onChooseResource={this.props.onChooseResource}
|
||||
|
@@ -109,6 +109,7 @@ export default class KeyField extends Component<ParameterFieldProps, {||}> {
|
||||
|
||||
return (
|
||||
<SemiControlledAutoComplete
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
floatingLabelText={
|
||||
parameterMetadata ? parameterMetadata.getDescription() : undefined
|
||||
}
|
||||
|
@@ -23,6 +23,7 @@ export default class LayerField extends Component<ParameterFieldProps, {||}> {
|
||||
|
||||
return (
|
||||
<SemiControlledAutoComplete
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
floatingLabelText={
|
||||
parameterMetadata ? parameterMetadata.getDescription() : undefined
|
||||
}
|
||||
|
@@ -16,6 +16,7 @@ export default class MouseField extends Component {
|
||||
|
||||
return (
|
||||
<SelectField
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
fullWidth
|
||||
floatingLabelText={description}
|
||||
value={value}
|
||||
|
@@ -34,6 +34,7 @@ export default class ObjectField extends React.Component<
|
||||
render() {
|
||||
return (
|
||||
<ObjectSelector
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
project={this.props.project}
|
||||
value={this.props.value}
|
||||
onChange={this.props.onChange}
|
||||
|
@@ -53,7 +53,7 @@ export default class ObjectVariableField extends React.Component<
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<React.Fragment>
|
||||
<VariableField
|
||||
variablesContainer={variablesContainer}
|
||||
parameterMetadata={this.props.parameterMetadata}
|
||||
@@ -76,7 +76,7 @@ export default class ObjectVariableField extends React.Component<
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@@ -21,6 +21,7 @@ export default class OperatorField extends Component<ParameterFieldProps> {
|
||||
|
||||
return (
|
||||
<SelectField
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
fullWidth
|
||||
floatingLabelText={description}
|
||||
value={this.props.value}
|
||||
|
@@ -21,6 +21,7 @@ export default class RelationalOperatorField extends Component<ParameterFieldPro
|
||||
|
||||
return (
|
||||
<SelectField
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
fullWidth
|
||||
floatingLabelText={description}
|
||||
value={this.props.value}
|
||||
|
@@ -28,6 +28,7 @@ export default class SceneNameField extends Component<
|
||||
|
||||
return (
|
||||
<SemiControlledAutoComplete
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
floatingLabelText={
|
||||
parameterMetadata ? parameterMetadata.getDescription() : undefined
|
||||
}
|
||||
|
@@ -35,6 +35,7 @@ export default class StringWithSelectorField extends Component<
|
||||
|
||||
return (
|
||||
<SemiControlledAutoComplete
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
floatingLabelText={
|
||||
parameterMetadata ? parameterMetadata.getDescription() : undefined
|
||||
}
|
||||
|
@@ -40,6 +40,7 @@ export default class VariableField extends Component<Props, {||}> {
|
||||
<TextFieldWithButtonLayout
|
||||
renderTextField={() => (
|
||||
<SemiControlledAutoComplete
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
floatingLabelText={description}
|
||||
fullWidth
|
||||
value={value}
|
||||
|
@@ -31,6 +31,7 @@ export default class VideoResourceField extends Component<
|
||||
|
||||
return (
|
||||
<ResourceSelector
|
||||
margin={this.props.isInline ? 'none' : 'dense'}
|
||||
project={this.props.project}
|
||||
resourceSources={this.props.resourceSources}
|
||||
onChooseResource={this.props.onChooseResource}
|
||||
|
@@ -24,6 +24,7 @@ type Props = {|
|
||||
floatingLabelText?: ?string,
|
||||
openOnFocus?: boolean,
|
||||
hintText?: ?React.Node,
|
||||
margin?: 'none' | 'dense',
|
||||
|};
|
||||
|
||||
const iconSize = 24;
|
||||
@@ -94,6 +95,7 @@ export default class ObjectSelector extends React.Component<Props, {||}> {
|
||||
allowedObjectType,
|
||||
noGroups,
|
||||
errorTextIfInvalid,
|
||||
margin,
|
||||
...rest
|
||||
} = this.props;
|
||||
|
||||
@@ -111,6 +113,7 @@ export default class ObjectSelector extends React.Component<Props, {||}> {
|
||||
|
||||
return (
|
||||
<SemiControlledAutoComplete
|
||||
margin={margin}
|
||||
hintText={t`Choose an object`}
|
||||
value={value}
|
||||
onChange={onChange}
|
||||
|
@@ -27,7 +27,7 @@ type Props = {|
|
||||
flex?: 1,
|
||||
width?: 'auto',
|
||||
},
|
||||
margin?: 'none',
|
||||
margin?: 'none' | 'dense',
|
||||
|
||||
floatingLabelText?: React.Node,
|
||||
|
||||
|
Reference in New Issue
Block a user