move jumplinks to the top if there no room (#20952)

fixes: #20951
This commit is contained in:
Erik Jan de Wit 2023-06-14 11:10:21 +02:00 committed by GitHub
parent f0f664dbb5
commit c87f9a0686
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -43,7 +43,7 @@ export const ScrollForm = ({
return ( return (
<Grid hasGutter {...rest}> <Grid hasGutter {...rest}>
<GridItem span={8}> <GridItem md={8} sm={12}>
{shownSections.map(({ title, panel }) => { {shownSections.map(({ title, panel }) => {
const scrollId = spacesToHyphens(title.toLowerCase()); const scrollId = spacesToHyphens(title.toLowerCase());
@ -66,7 +66,7 @@ export const ScrollForm = ({
); );
})} })}
</GridItem> </GridItem>
<GridItem span={4}> <GridItem md={4} sm={12} order={{ default: "-1", md: "1" }}>
<PageSection className="kc-scroll-form--sticky"> <PageSection className="kc-scroll-form--sticky">
<JumpLinks <JumpLinks
isVertical isVertical