diff --git a/src/app/components/elements/NavigationLinks.tsx b/src/app/components/elements/NavigationLinks.tsx index 987237292c..24bba20991 100644 --- a/src/app/components/elements/NavigationLinks.tsx +++ b/src/app/components/elements/NavigationLinks.tsx @@ -2,6 +2,7 @@ import React from "react"; import {PageNavigation} from "../../services"; import {Link} from "react-router-dom"; import {Markup} from "./markup"; +import classNames from "classnames"; export const NavigationLinks = ({navigation}: {navigation: PageNavigation}) => { const backToCollectionLink = navigation.backToCollection &&
@@ -44,11 +45,14 @@ export const NavigationLinks = ({navigation}: {navigation: PageNavigation}) => {
{previousItemLink} - {backToCollectionLink} + {backToCollectionLink} {nextItemLink}
- {threeLinks &&
+
{backToCollectionLink} -
} +
+
+ {backToCollectionLink} +
; }; diff --git a/src/app/components/elements/TitleAndBreadcrumb.tsx b/src/app/components/elements/TitleAndBreadcrumb.tsx index 79c1a2a097..e2297f163e 100644 --- a/src/app/components/elements/TitleAndBreadcrumb.tsx +++ b/src/app/components/elements/TitleAndBreadcrumb.tsx @@ -65,7 +65,7 @@ export const TitleAndBreadcrumb = ({children, breadcrumbTitleOverride, currentPa collectionType={collectionType} /> {children} -
+
"; + color: black; + } + padding: 0; - margin-right: 0.5rem; + margin-right: $breadcrumb-item-padding-x; } .breadcrumb-item:last-child::after { diff --git a/src/scss/phy/page-title.scss b/src/scss/phy/page-title.scss index 69635f9b13..33f80ab2bc 100644 --- a/src/scss/phy/page-title.scss +++ b/src/scss/phy/page-title.scss @@ -69,14 +69,27 @@ } @include only-print { - .bread:has(+ h1#main-heading) { - + h1#main-heading { + background-color: transparent; + + .title-graphics { + display: none; + } + + h1#main-heading { + color: black; + } + + // If there is a breadcrumb and a title, hide the title - otherwise hide the breadcrumb + .bread:has(+ .title-container) { + + .title-container { display: none !important; } - } - .bread:not(:has(+ h1#main-heading)) { - display: none !important; + .breadcrumb-item a { + color: black; + } + + background-color: transparent; } } }