fix spacing of wizard section header
This commit is contained in:
parent
7cea09ef8a
commit
ac65df58b8
3 changed files with 20 additions and 5 deletions
|
@ -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>
|
||||
)}
|
||||
|
|
|
@ -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);
|
||||
}
|
|
@ -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}>
|
||||
|
|
Loading…
Reference in a new issue