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

added vertical scroll feature to the autosuggest component

Browse source
This commit is contained in:
Tassoman 2023-10-07 13:26:14 +00:00 committed by Alex Gleason
parent 232f9547b5
commit 5ed8c78c88
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/actions/compose.ts
View file

@ -524,7 +524,7 @@ const fetchComposeSuggestionsAccounts = throttle((dispatch, getState, composeId,
params: { params: {
q: token.slice(1), q: token.slice(1),
resolve: false, resolve: false,
limit: 4, limit: 10,
}, },
}).then(response => { }).then(response => {
dispatch(importFetchedAccounts(response.data)); dispatch(importFetchedAccounts(response.data));
@ -538,7 +538,7 @@ const fetchComposeSuggestionsAccounts = throttle((dispatch, getState, composeId,
const fetchComposeSuggestionsEmojis = (dispatch: AppDispatch, getState: () => RootState, composeId: string, token: string) => { const fetchComposeSuggestionsEmojis = (dispatch: AppDispatch, getState: () => RootState, composeId: string, token: string) => {
const state = getState(); const state = getState();
const results = emojiSearch(token.replace(':', ''), { maxResults: 5 }, state.custom_emojis); const results = emojiSearch(token.replace(':', ''), { maxResults: 10 }, state.custom_emojis);
dispatch(readyComposeSuggestionsEmojis(composeId, token, results)); dispatch(readyComposeSuggestionsEmojis(composeId, token, results));
}; };
@ -565,7 +565,7 @@ const fetchComposeSuggestionsTags = (dispatch: AppDispatch, getState: () => Root
}), }),
params: { params: {
q: token.slice(1), q: token.slice(1),
limit: 4, limit: 10,
type: 'hashtags', type: 'hashtags',
}, },
}).then(response => { }).then(response => {

2
src/features/compose/editor/plugins/autosuggest-plugin.tsx
View file

@ -538,7 +538,7 @@ const AutosuggestPlugin = ({
? ReactDOM.createPortal( ? ReactDOM.createPortal(
<div <div
className={clsx({ className={clsx({
'mt-6 relative w-max z-1000 shadow bg-white dark:bg-gray-900 rounded-lg py-1 space-y-0 dark:ring-2 dark:ring-primary-700 focus:outline-none': true, 'mt-6 overflow-y-auto max-h-56 relative w-max z-1000 shadow bg-white dark:bg-gray-900 rounded-lg py-1 space-y-0 dark:ring-2 dark:ring-primary-700 focus:outline-none': true,
hidden: suggestionsHidden || suggestions.isEmpty(), hidden: suggestionsHidden || suggestions.isEmpty(),
block: !suggestionsHidden && !suggestions.isEmpty(), block: !suggestionsHidden && !suggestions.isEmpty(),
})} })}