fix spacing of wizard section header

This commit is contained in:
Sarah Rambacher 2021-01-05 09:43:01 -05:00
parent 7cea09ef8a
commit ac65df58b8
3 changed files with 20 additions and 5 deletions

View file

@ -17,6 +17,7 @@ import {
DropdownPosition,
Title,
} from "@patternfly/react-core";
import "./wizard-section-header.css";
export type WizardSectionHeaderProps = {
title: string;
@ -34,12 +35,16 @@ export const WizardSectionHeader = ({
<Title
size={"xl"}
headingLevel={"h2"}
className={showDescription ? "pf-u-mb-sm" : "pf-u-mb-lg"}
className={
showDescription
? "kc-wizard-section-header__title--has-description"
: "kc-wizard-section-header__title"
}
>
{title}
</Title>
{showDescription && (
<TextContent className="pf-u-mb-lg">
<TextContent className="kc-wizard-section-header__description">
<Text>{description}</Text>
</TextContent>
)}

View file

@ -0,0 +1,10 @@
.kc-wizard-section-header__title {
margin-bottom: var(--pf-global--spacer--lg);
}
.kc-wizard-section-header__title--has-description {
margin-bottom: var(--pf-global--spacer--sm);
}
.kc-wizard-section-header__description {
margin-bottom: var(--pf-global--spacer--lg);
}

View file

@ -126,9 +126,9 @@ export const UserFederationLdapWizard = () => {
else if (activeStep.id == "ldapAdvancedSettingsStep") {
return (
<>
<Button onClick={() => {}}>
{" "}
//TODO: close the wizard and finish
<Button
onClick={() => {}} //TODO: close the wizard and finish
>
{t("common:finish")}
</Button>
<Button variant="secondary" onClick={onBack}>