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,7 +157,6 @@ 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"
@@ -173,14 +172,15 @@ class CreatePermissionForm extends React.Component<Props, State> {
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