diff --git a/packages/gatsby-theme-newrelic/src/components/GlobalSearch.js b/packages/gatsby-theme-newrelic/src/components/GlobalSearch.js index a8dd70a9..3b5a3495 100644 --- a/packages/gatsby-theme-newrelic/src/components/GlobalSearch.js +++ b/packages/gatsby-theme-newrelic/src/components/GlobalSearch.js @@ -130,6 +130,7 @@ const GlobalSearch = ({ onClose }) => { placeholder={t('searchInput.placeholder')} ref={searchRef} setValue={setQuery} + showShortcut size={SearchInput.SIZE.MEDIUM} value={query} css={css` diff --git a/packages/gatsby-theme-newrelic/src/components/SearchInput.js b/packages/gatsby-theme-newrelic/src/components/SearchInput.js index fb1dac81..27c8e1b9 100644 --- a/packages/gatsby-theme-newrelic/src/components/SearchInput.js +++ b/packages/gatsby-theme-newrelic/src/components/SearchInput.js @@ -46,6 +46,7 @@ const SearchInput = forwardRef( onMove, setValue, size = 'medium', + showShortcut = false, value, width, ...props @@ -196,27 +197,29 @@ const SearchInput = forwardRef( } `} /> - - / - + @media (max-width: ${mobileBreakpoint}) { + display: none; + } + `} + > + / + + )} {onClear && (