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

Fixes form panel styling in clients -> advanced tab (#631)

Browse source 
* fix form panel styling

* remove modal styles
This commit is contained in:
Jenny 2021-05-25 08:03:20 -04:00 committed by GitHub
parent 6ad6be8924
commit f278f34fe5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 31 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/realm-settings/KeysProvidersTab.tsx
View file

@ -158,7 +158,7 @@ export const KeysTabInner = ({ components }: KeysTabInnerProps) => {
isDisabled isDisabled
/> />
<DataListItemCells <DataListItemCells
className="test2" className="data-list-cells"
dataListCells={[ dataListCells={[
<DataListCell className="name" key={"1"}> <DataListCell className="name" key={"1"}>
<>{t("realm-settings:name")}</> <>{t("realm-settings:name")}</>

7
src/realm-settings/LoginTab.tsx
View file

@ -20,7 +20,10 @@ export const RealmSettingsLoginTab = ({
return ( return (
<> <>
<PageSection variant="light"> <PageSection variant="light">
<FormPanel title="Login screen customization"> <FormPanel
className="kc-login-screen"
title="Login screen customization"
>
<FormAccess isHorizontal role="manage-realm"> <FormAccess isHorizontal role="manage-realm">
<FormGroup <FormGroup
label={t("userRegistration")} label={t("userRegistration")}
@ -96,7 +99,7 @@ export const RealmSettingsLoginTab = ({
</FormGroup> </FormGroup>
</FormAccess> </FormAccess>
</FormPanel> </FormPanel>
<FormPanel title="Email settings"> <FormPanel className="kc-email-settings" title="Email settings">
<FormAccess isHorizontal role="manage-realm"> <FormAccess isHorizontal role="manage-realm">
<FormGroup <FormGroup
label={t("emailAsUsername")} label={t("emailAsUsername")}

34
src/realm-settings/RealmSettingsSection.css
View file

@ -1,3 +1,5 @@
.pf-c-card.pf-m-flat.kc-login-screen,
.pf-c-card.pf-m-flat.kc-email-settings,
.pf-c-card.pf-m-flat.kc-email-template, .pf-c-card.pf-m-flat.kc-email-template,
.pf-c-card.pf-m-flat.kc-email-connection { .pf-c-card.pf-m-flat.kc-email-connection {
border: none; border: none;
@ -6,13 +8,30 @@
padding-bottom: var(--pf-global--spacer--sm); padding-bottom: var(--pf-global--spacer--sm);
} }
div.pf-c-card__header.kc-form-panel__header { article.pf-c-card.pf-m-flat.kc-email-template
> .pf-c-card__header.kc-form-panel__header,
article.pf-c-card.pf-m-flat.kc-email-connection
> .pf-c-card__header.kc-form-panel__header {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-bottom: 0px;
}
.kc-login-screen > div.pf-c-card__header.kc-form-panel__header,
.kc-email-settings > div.pf-c-card__header.kc-form-panel__header {
padding-bottom: 0px; padding-bottom: 0px;
padding-left: 0px; padding-left: 0px;
padding-top: 0px; padding-top: 0px;
} }
div.pf-c-card__body.kc-form-panel__body { .kc-email-settings > div.pf-c-card__body.kc-form-panel__body,
.kc-login-screen > div.pf-c-card__body.kc-form-panel__body {
padding-left: 0px;
padding-bottom: var(--pf-global--spacer--2xl);
}
.kc-email-template > div.pf-c-card__body.kc-form-panel__body {
padding-left: 0px; padding-left: 0px;
padding-bottom: var(--pf-global--spacer--2xl); padding-bottom: var(--pf-global--spacer--2xl);
} }
@ -21,11 +40,7 @@ button#kc-certificate.pf-c-button.pf-m-secondary {
margin-left: var(--pf-global--spacer--md); margin-left: var(--pf-global--spacer--md);
} }
.pf-c-data-list__item-row.test { .pf-c-data-list__item-content.data-list-cells {
font-weight: bold;
}
.pf-c-data-list__item-content.test2 {
margin-left: var(--pf-global--spacer--xl); margin-left: var(--pf-global--spacer--xl);
} }
@ -49,6 +64,7 @@ button.pf-c-button.pf-m-link.add-provider {
padding-left: var(--pf-c-toolbar__content--PaddingLeft); padding-left: var(--pf-c-toolbar__content--PaddingLeft);
} }
.button-wrapper { .pf-c-form__group-label {
white-space: nowrap; display: flex;
align-items: start;
} }