diff --git a/src/components/MobileHeader.js b/src/components/MobileHeader.js index c0c98b001..07d6746fd 100644 --- a/src/components/MobileHeader.js +++ b/src/components/MobileHeader.js @@ -33,11 +33,7 @@ const MobileHeader = ({ className, isOpen, toggle }) => { onChange={(e) => setSearchTerm(e.target.value)} value={searchTerm} /> - + )} diff --git a/src/components/Navigation.js b/src/components/Navigation.js index db615f8e0..ac096eac4 100644 --- a/src/components/Navigation.js +++ b/src/components/Navigation.js @@ -25,7 +25,7 @@ const filterPageNames = (pages, searchTerm, parent = []) => { ].filter((el) => el !== undefined); }; -const Navigation = ({ className, searchTerm, mobile }) => { +const Navigation = ({ className, searchTerm }) => { const searchTermSanitized = searchTerm?.replace( /[.*+?^${}()|[\]\\]/g, '\\$&' @@ -50,7 +50,6 @@ const Navigation = ({ className, searchTerm, mobile }) => { searchTerm={searchTermSanitized} pages={pages} filteredPageNames={filteredPageNames} - mobile={mobile} /> diff --git a/src/components/NavigationItems.js b/src/components/NavigationItems.js index 57fbd6717..ae5cb1323 100644 --- a/src/components/NavigationItems.js +++ b/src/components/NavigationItems.js @@ -24,7 +24,6 @@ const NavigationItems = ({ filteredPageNames, searchTerm, depthLevel = 0, - mobile, }) => { const groupedPages = pages.reduce((groups, page) => { const { group = '' } = page; @@ -53,7 +52,6 @@ const NavigationItems = ({ searchTerm={searchTerm} filteredPageNames={filteredPageNames} key={index} - mobile={mobile} /> ))} @@ -61,13 +59,7 @@ const NavigationItems = ({ }); }; -const NavItem = ({ - page, - depthLevel, - searchTerm, - filteredPageNames, - mobile, -}) => { +const NavItem = ({ page, depthLevel, searchTerm, filteredPageNames }) => { const crumbs = useContext(BreadcrumbContext).flatMap((x) => x.displayName); const isHomePage = crumbs.length === 0 && depthLevel === 0; @@ -116,7 +108,7 @@ const NavItem = ({ {headerIcon} {display} - {!mobile && isCurrentPage && ( + {isCurrentPage && ( setIsExpanded(!isExpanded)} tabIndex={0} > - {!mobile && depthLevel > 0 && ( + {depthLevel > 0 && ( )} @@ -168,7 +159,6 @@ NavigationItems.propTypes = { filteredPageNames: PropTypes.array, searchTerm: PropTypes.string, depthLevel: PropTypes.number, - mobile: PropTypes.bool, }; NavItem.propTypes = { @@ -176,7 +166,6 @@ NavItem.propTypes = { filteredPageNames: PropTypes.array, searchTerm: PropTypes.string, depthLevel: PropTypes.number.isRequired, - mobile: PropTypes.bool, }; export default NavigationItems; diff --git a/src/components/NavigationItems.module.scss b/src/components/NavigationItems.module.scss index 516dfb096..b26a1b3a3 100644 --- a/src/components/NavigationItems.module.scss +++ b/src/components/NavigationItems.module.scss @@ -53,6 +53,9 @@ button.navLink { .currentPageIndicator { stroke-width: 4; + @media (min-width: 760px + 1) { + display: none; + } } .nestedChevron {