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
/>
<DataListItemCells
className="test2"
className="data-list-cells"
dataListCells={[
<DataListCell className="name" key={"1"}>
<>{t("realm-settings:name")}</>

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

@ -20,7 +20,10 @@ export const RealmSettingsLoginTab = ({
return (
<>
<PageSection variant="light">
<FormPanel title="Login screen customization">
<FormPanel
className="kc-login-screen"
title="Login screen customization"
>
<FormAccess isHorizontal role="manage-realm">
<FormGroup
label={t("userRegistration")}
@ -96,7 +99,7 @@ export const RealmSettingsLoginTab = ({
</FormGroup>
</FormAccess>
</FormPanel>
<FormPanel title="Email settings">
<FormPanel className="kc-email-settings" title="Email settings">
<FormAccess isHorizontal role="manage-realm">
<FormGroup
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-connection {
border: none;
@ -6,13 +8,30 @@
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-left: 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-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);
}
.pf-c-data-list__item-row.test {
font-weight: bold;
}
.pf-c-data-list__item-content.test2 {
.pf-c-data-list__item-content.data-list-cells {
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);
}
.button-wrapper {
white-space: nowrap;
.pf-c-form__group-label {
display: flex;
align-items: start;
}