bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'search-results-virtuoso' into 'develop'

Browse source 
SearchResults: use padding, not margins

See merge request soapbox-pub/soapbox-fe!1383
This commit is contained in:
Alex Gleason 2022-05-14 18:38:34 +00:00
commit f33ee6e1c8
1 changed files with 16 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/soapbox/features/compose/components/search_results.js
View file

@ -6,7 +6,6 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import { defineMessages, injectIntl } from 'react-intl'; import { defineMessages, injectIntl } from 'react-intl';
import Pullable from 'soapbox/components/pullable';
import ScrollableList from 'soapbox/components/scrollable_list'; import ScrollableList from 'soapbox/components/scrollable_list';
import PlaceholderAccount from 'soapbox/features/placeholder/components/placeholder_account'; import PlaceholderAccount from 'soapbox/features/placeholder/components/placeholder_account';
import PlaceholderHashtag from 'soapbox/features/placeholder/components/placeholder_hashtag'; import PlaceholderHashtag from 'soapbox/features/placeholder/components/placeholder_hashtag';
@ -151,7 +150,6 @@ class SearchResults extends ImmutablePureComponent {
{this.renderFilterBar()} {this.renderFilterBar()}
{noResultsMessage || ( {noResultsMessage || (
<Pullable>
<ScrollableList <ScrollableList
key={selectedFilter} key={selectedFilter}
scrollKey={`${selectedFilter}:${value}`} scrollKey={`${selectedFilter}:${value}`}
@ -163,12 +161,11 @@ class SearchResults extends ImmutablePureComponent {
placeholderCount={20} placeholderCount={20}
className={classNames({ className={classNames({
'divide-gray-200 dark:divide-slate-700 divide-solid divide-y': selectedFilter === 'statuses', 'divide-gray-200 dark:divide-slate-700 divide-solid divide-y': selectedFilter === 'statuses',
'space-y-4': selectedFilter === 'accounts',
})} })}
itemClassName={classNames({ 'pb-4': selectedFilter === 'accounts' })}
> >
{searchResults} {searchResults}
</ScrollableList> </ScrollableList>
</Pullable>
)} )}
</> </>
); );