removed global css (#1724)

fixes: #1723
This commit is contained in:
Erik Jan de Wit 2021-12-21 16:30:27 +01:00 committed by GitHub
parent d33222c368
commit e4eebaffed
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 28 deletions

View file

@ -482,7 +482,11 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
</Button>, </Button>,
]} ]}
> >
<Form id="userCredentials-form" isHorizontal> <Form
id="userCredentials-form"
isHorizontal
className="keycloak__user-credentials__reset-form"
>
<FormGroup <FormGroup
name="password" name="password"
label={t("password")} label={t("password")}
@ -495,13 +499,11 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
} }
isRequired isRequired
> >
<div className="kc-password">
<PasswordInput <PasswordInput
name="password" name="password"
aria-label="password" aria-label="password"
ref={register({ required: true })} ref={register({ required: true })}
/> />
</div>
</FormGroup> </FormGroup>
<FormGroup <FormGroup
name="passwordConfirmation" name="passwordConfirmation"
@ -519,13 +521,11 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
} }
isRequired isRequired
> >
<div className="kc-passwordConfirmation">
<PasswordInput <PasswordInput
name="passwordConfirmation" name="passwordConfirmation"
aria-label="passwordConfirm" aria-label="passwordConfirm"
ref={register({ required: true })} ref={register({ required: true })}
/> />
</div>
</FormGroup> </FormGroup>
<FormGroup <FormGroup
label={t("common:temporaryPassword")} label={t("common:temporaryPassword")}
@ -550,7 +550,7 @@ export const UserCredentials = ({ user }: UserCredentialsProps) => {
labelOff={t("common:off")} labelOff={t("common:off")}
/> />
)} )}
></Controller> />
</FormGroup> </FormGroup>
</Form> </Form>
</Modal> </Modal>

View file

@ -123,18 +123,8 @@ article.pf-c-card.pf-m-flat.kc-available-idps > div > div > h1 {
margin: 6px 0 10px 35px; margin: 6px 0 10px 35px;
} }
.kc-password, .kc-passwordConfirmation { .keycloak__user-credentials__reset-form {
width: 355px; --pf-c-form--m-horizontal__group-label--md--GridColumnWidth: 13rem;
float: right;
}
.pf-c-form__group-label {
width: max-content;
}
.pf-m-error {
display: inline-block;
margin-left: var(--pf-global--spacer--xl);
} }
.kc-edit-icon { .kc-edit-icon {