diff --git a/editor.planx.uk/src/components/Header.tsx b/editor.planx.uk/src/components/Header.tsx index 242d2d9ef2..d4c1b46886 100644 --- a/editor.planx.uk/src/components/Header.tsx +++ b/editor.planx.uk/src/components/Header.tsx @@ -141,16 +141,15 @@ const Logo = styled("img")(() => ({ maxWidth: 140, maxHeight: HEADER_HEIGHT_PUBLIC - 20, objectFit: "contain", + "@media print": { + filter: "invert(1)", + }, })); -const LogoLink = styled(Link)(({ theme }) => ({ +const LogoLink = styled(Link)(() => ({ display: "flex", alignItems: "center", "&:focus-visible": borderedFocusStyle, - "@media print": { - backgroundColor: theme.palette.common.black, - padding: "0.25em", - }, })); const SkipLink = styled("a")(({ theme }) => ({ diff --git a/editor.planx.uk/src/pages/layout/PublicLayout.tsx b/editor.planx.uk/src/pages/layout/PublicLayout.tsx index f7b21a23b1..72860758dc 100644 --- a/editor.planx.uk/src/pages/layout/PublicLayout.tsx +++ b/editor.planx.uk/src/pages/layout/PublicLayout.tsx @@ -29,6 +29,13 @@ const MainContainer = styled(Box)(({ theme }) => ({ position: "relative", })); +const OglLogo = styled("img")(({ theme }) => ({ + paddingRight: theme.spacing(2), + "@media print": { + filter: "invert(1)", + }, +})); + const PublicFooter: React.FC = () => { const { data } = useCurrentRoute(); const [flowSettings, globalSettings] = useStore((state) => [ @@ -68,19 +75,7 @@ const PublicFooter: React.FC = () => {