fixed valignmet and added title

This commit is contained in:
Florian Scholdei
2019-02-06 16:41:49 +01:00
parent 3309150bdc
commit a1acc72aca
3 changed files with 16 additions and 16 deletions

View File

@@ -50,7 +50,7 @@ class AdvancedPermissionsDialog extends React.Component<Props, State> {
) : null; ) : null;
return ( return (
<div className={"modal is-active"}> <div className="modal is-active">
<div className="modal-background" /> <div className="modal-background" />
<div className="modal-card"> <div className="modal-card">
<header className="modal-card-head"> <header className="modal-card-head">
@@ -65,13 +65,19 @@ class AdvancedPermissionsDialog extends React.Component<Props, State> {
</header> </header>
<section className="modal-card-body"> <section className="modal-card-body">
<div className="content">{verbSelectBoxes}</div> <div className="content">{verbSelectBoxes}</div>
<div className="is-pulled-right">
<form onSubmit={this.onSubmit}> <form onSubmit={this.onSubmit}>
{submitButton} <div className="field is-grouped">
<p className="control">{submitButton}</p>
<p className="control">
<Button <Button
label={t("permission.advanced.dialog.abort")} label={t("permission.advanced.dialog.abort")}
action={onClose} action={onClose}
/> />
</p>
</div>
</form> </form>
</div>
</section> </section>
</div> </div>
</div> </div>

View File

@@ -96,7 +96,6 @@ class CreatePermissionForm extends React.Component<Props, State> {
const { t } = this.props; const { t } = this.props;
if (this.state.groupPermission) { if (this.state.groupPermission) {
return ( return (
<Autocomplete <Autocomplete
loadSuggestions={this.loadGroupAutocompletion} loadSuggestions={this.loadGroupAutocompletion}
valueSelected={this.groupOrUserSelected} valueSelected={this.groupOrUserSelected}

View File

@@ -150,16 +150,11 @@ class SinglePermission extends React.Component<Props, State> {
/> />
) : null; ) : null;
const type =
permission && permission.groupPermission
? t("permission.group")
: t("permission.user");
const iconType = const iconType =
permission && permission.groupPermission ? ( permission && permission.groupPermission ? (
<i className={classNames("fas fa-user-friends", classes.iconColor)} /> <i title={t("permission.group")} className={classNames("fas fa-user-friends", classes.iconColor)} />
) : ( ) : (
<i className={classNames("fas fa-user", classes.iconColor)} /> <i title={t("permission.user")} className={classNames("fas fa-user", classes.iconColor)} />
); );
return ( return (