libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases 1 Packages Activity Actions

Sdded some css to fix alignment (#3402)

Browse source
This commit is contained in:
Erik Jan de Wit 2022-09-29 13:07:15 +02:00 committed by GitHub
parent f0ee68afc9
commit 283390dee9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
apps/admin-ui/src/realm-settings/realm-settings-section.css
View file

@ -289,3 +289,11 @@ input#kc-scopes {
.kc-attributeCancel { .kc-attributeCancel {
align-self: center; align-self: center;
} }
.kc--attributes-validations--add-validation-button {
margin-top: -55px;
float: right;
}
.kc--attributes-validations--action-cell {
text-align: right;
}

28
apps/admin-ui/src/realm-settings/user-profile/attribute/AttributeValidations.tsx
View file

@ -3,8 +3,6 @@ import {
Button, Button,
ButtonVariant, ButtonVariant,
Divider, Divider,
Flex,
FlexItem,
Text, Text,
TextVariants, TextVariants,
} from "@patternfly/react-core"; } from "@patternfly/react-core";
@ -78,20 +76,16 @@ export const AttributeValidations = () => {
)} )}
<DeleteConfirm /> <DeleteConfirm />
<div className="kc-attributes-validations"> <div className="kc-attributes-validations">
<Flex> <Button
<FlexItem align={{ default: "alignRight" }}> id="addValidator"
<Button onClick={() => toggleModal()}
id="addValidator" variant="link"
onClick={() => toggleModal()} data-testid="addValidator"
variant="link" className="kc--attributes-validations--add-validation-button"
className="kc-addValidator" icon={<PlusCircleIcon />}
data-testid="addValidator" >
icon={<PlusCircleIcon />} {t("realm-settings:addValidator")}
> </Button>
{t("realm-settings:addValidator")}
</Button>
</FlexItem>
</Flex>
<Divider /> <Divider />
<TableComposable aria-label="validators-table"> <TableComposable aria-label="validators-table">
<Thead> <Thead>
@ -110,7 +104,7 @@ export const AttributeValidations = () => {
<Td dataLabel={t("validatorColNames.colConfig")}> <Td dataLabel={t("validatorColNames.colConfig")}>
{JSON.stringify(validator.value)} {JSON.stringify(validator.value)}
</Td> </Td>
<Td> <Td className="kc--attributes-validations--action-cell">
<Button <Button
key="validator" key="validator"
variant="link" variant="link"