fixed dropdown overflow

This commit is contained in:
Florian Scholdei
2019-02-19 13:26:24 +01:00
parent b850ab9fa8
commit 90b4a7a2f5

View File

@@ -157,30 +157,30 @@ class CreatePermissionForm extends React.Component<Props, State> {
{advancedDialog} {advancedDialog}
<form onSubmit={this.submit}> <form onSubmit={this.submit}>
<div className="field is-grouped"> <div className="field is-grouped">
<div className="control">
<div className="control"> <Radio
<Radio name="permission_scope"
name="permission_scope" value="USER_PERMISSION"
value="USER_PERMISSION" checked={!this.state.groupPermission}
checked={!this.state.groupPermission} label={t("permission.user-permission")}
label={t("permission.user-permission")} onChange={this.permissionScopeChanged}
onChange={this.permissionScopeChanged} />
/> <Radio
<Radio name="permission_scope"
name="permission_scope" value="GROUP_PERMISSION"
value="GROUP_PERMISSION" checked={this.state.groupPermission}
checked={this.state.groupPermission} label={t("permission.group-permission")}
label={t("permission.group-permission")} onChange={this.permissionScopeChanged}
onChange={this.permissionScopeChanged} />
/> </div>
</div></div> </div>
<div className="columns"> <div className="columns">
<div className="column is-two-thirds"> <div className="column is-three-fifths">
{this.renderAutocompletionField()} {this.renderAutocompletionField()}
</div> </div>
<div className="column is-one-third"> <div className="column is-two-fifths">
<div className="columns"> <div className="columns">
<div className="column is-half"> <div className="column is-narrow">
<RoleSelector <RoleSelector
availableRoles={availableRoleNames} availableRoles={availableRoleNames}
label={t("permission.role")} label={t("permission.role")}
@@ -189,7 +189,7 @@ class CreatePermissionForm extends React.Component<Props, State> {
role={matchingRole} role={matchingRole}
/> />
</div> </div>
<div className="column is-half"> <div className="column">
<LabelWithHelpIcon <LabelWithHelpIcon
label={t("permission.permissions")} label={t("permission.permissions")}
helpText={t("permission.help.permissionsHelpText")} helpText={t("permission.help.permissionsHelpText")}
@@ -253,7 +253,7 @@ class CreatePermissionForm extends React.Component<Props, State> {
handleRoleChange = (role: string) => { handleRoleChange = (role: string) => {
const selectedRole = this.findAvailableRole(role); const selectedRole = this.findAvailableRole(role);
if (!selectedRole) { if (!selectedRole) {
return return;
} }
this.setState({ this.setState({
verbs: selectedRole.verbs verbs: selectedRole.verbs