diff --git a/src/automated-pipelines/components/AutomatedPage.tsx b/src/automated-pipelines/components/AutomatedPage.tsx index 3625ab56689d..35fa5454e27f 100644 --- a/src/automated-pipelines/components/AutomatedPage.tsx +++ b/src/automated-pipelines/components/AutomatedPage.tsx @@ -11,9 +11,10 @@ import { Breadcrumbs } from 'src/frame/components/page-header/Breadcrumbs' type Props = { children: React.ReactNode + fullWidth?: boolean } -export const AutomatedPage = ({ children }: Props) => { +export const AutomatedPage = ({ children, fullWidth }: Props) => { const { title, intro, renderedPage, miniTocItems, product, permissions } = useAutomatedPageContext() @@ -23,6 +24,7 @@ export const AutomatedPage = ({ children }: Props) => {
diff --git a/src/frame/components/article/ArticleGridLayout.tsx b/src/frame/components/article/ArticleGridLayout.tsx index f9796ff8fcdb..bbf9b4367b8f 100644 --- a/src/frame/components/article/ArticleGridLayout.tsx +++ b/src/frame/components/article/ArticleGridLayout.tsx @@ -12,6 +12,7 @@ type Props = { children?: React.ReactNode className?: string supportPortalVaIframeProps?: SupportPortalVaIframeProps + fullWidth?: boolean } export const ArticleGridLayout = ({ intro, @@ -20,9 +21,11 @@ export const ArticleGridLayout = ({ children, className, supportPortalVaIframeProps, + fullWidth, }: Props) => { + const containerBoxStyles = fullWidth ? '' : styles.containerBox return ( - + {topper && {topper}} {intro && ( diff --git a/src/graphql/pages/explorer.tsx b/src/graphql/pages/explorer.tsx index 3b48f2d9fe56..25e0e1902180 100644 --- a/src/graphql/pages/explorer.tsx +++ b/src/graphql/pages/explorer.tsx @@ -30,7 +30,7 @@ export default function GQLExplorer({ return ( - +
{/* eslint-disable-next-line jsx-a11y/iframe-has-title */}