Add sublabel for enable single sign on checkbox (#834)

- Adds the following text below the "Enable single sign-on" option: "Password authentication will be disabled for this user."
- Adds sentence casing so that "Enable Single Sign On" becomes "Enable single sign-on"
This commit is contained in:
gillespi314 2021-05-25 16:04:00 -05:00 committed by GitHub
parent 5c23bd0d83
commit 15ee1f5358
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 3 deletions

View File

@ -319,8 +319,11 @@ class UserForm extends Component<ICreateUserFormProps, ICreateUserFormState> {
disabled={!this.props.canUseSSO} disabled={!this.props.canUseSSO}
wrapperClassName={`${baseClass}__invite-admin`} wrapperClassName={`${baseClass}__invite-admin`}
> >
Enable Single Sign On Enable single sign on
</Checkbox> </Checkbox>
<p className={`${baseClass}__sso-input sublabel`}>
Password authentication will be disabled for this user.
</p>
</div> </div>
<div className={`${baseClass}__selected-teams-container`}> <div className={`${baseClass}__selected-teams-container`}>

View File

@ -1,6 +1,7 @@
.create-user-form { .create-user-form {
&__sso-input { &__sso-input {
margin-top: $pad-large; margin-top: $pad-large;
margin-bottom: $pad-large;
.kolide-checkbox { .kolide-checkbox {
margin-top: 5px; margin-top: 5px;
@ -9,7 +10,7 @@
font-size: $x-small; font-size: $x-small;
font-weight: $bold; font-weight: $bold;
color: $core-fleet-black; color: $core-fleet-black;
padding-left: $pad-xlarge; padding-left: 12px;
} }
} }
} }
@ -60,4 +61,13 @@
&__btn { &__btn {
margin-left: 12px; margin-left: 12px;
} }
}
&__invite-admin {
margin-bottom: 8px;
}
.sublabel {
margin: 0px;
}
}