Make search field and tabs sticky on search results page (#38968)

This commit is contained in:
diondiondion 2026-05-11 08:21:51 +02:00 committed by GitHub
parent 8e03c9c1fc
commit 2e7df27180
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -222,10 +222,14 @@ export const SearchResults: React.FC<{ multiColumn: boolean }> = ({
title={intl.formatMessage(messages.title, { q })} title={intl.formatMessage(messages.title, { q })}
onClick={handleHeaderClick} onClick={handleHeaderClick}
multiColumn={multiColumn} multiColumn={multiColumn}
/> appendContent={
<>
<div className='explore__search-header'> <div className='explore__search-header'>
<Search singleColumn initialValue={trimmedValue} key={trimmedValue} /> <Search
singleColumn
initialValue={trimmedValue}
key={trimmedValue}
/>
</div> </div>
<div className='account__section-headline'> <div className='account__section-headline'>
@ -234,7 +238,10 @@ export const SearchResults: React.FC<{ multiColumn: boolean }> = ({
className={mappedType === 'all' ? 'active' : undefined} className={mappedType === 'all' ? 'active' : undefined}
type='button' type='button'
> >
<FormattedMessage id='search_results.all' defaultMessage='All' /> <FormattedMessage
id='search_results.all'
defaultMessage='All'
/>
</button> </button>
<button <button
onClick={handleSelectAccounts} onClick={handleSelectAccounts}
@ -267,6 +274,9 @@ export const SearchResults: React.FC<{ multiColumn: boolean }> = ({
/> />
</button> </button>
</div> </div>
</>
}
/>
<div className='explore__search-results' data-nosnippet> <div className='explore__search-results' data-nosnippet>
<ScrollableList <ScrollableList