tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Make search field and tabs sticky on search results page

Browse Source 
Port 2e7df2718099fc90eb437af70c96b570410a83f9 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion 2026-05-11 08:21:51 +02:00 committed by Claire
parent 35be923786
commit a05b24d234
1 changed files with 54 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/javascript/flavours/glitch/features/search/index.tsx
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