jyapayne/dify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: goto-anything highlighting consistency improvements (#23843)

Browse source
This commit is contained in:
lyzno1 2025-08-13 10:15:45 +08:00 • committed by GitHub
commit 854c1aa37d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/app/components/goto-anything/command-selector.tsx
View file

@ -61,7 +61,7 @@ const CommandSelector: FC<Props> = ({ actions, onCommandSelect, searchFilter, co
className="flex cursor-pointer items-center rounded-md className="flex cursor-pointer items-center rounded-md
p-2.5 p-2.5
transition-all transition-all
duration-150 hover:bg-state-base-hover-alt aria-[selected=true]:bg-state-base-hover" duration-150 hover:bg-state-base-hover aria-[selected=true]:bg-state-base-hover-alt"
onSelect={() => onCommandSelect(action.shortcut)} onSelect={() => onCommandSelect(action.shortcut)}
> >
<span className="min-w-[4.5rem] text-left font-mono text-xs text-text-tertiary"> <span className="min-w-[4.5rem] text-left font-mono text-xs text-text-tertiary">

3
web/app/components/goto-anything/index.tsx
View file

@ -37,6 +37,7 @@ const GotoAnything: FC<Props> = ({
const handleNavSearch = useCallback((q: string) => { const handleNavSearch = useCallback((q: string) => {
setShow(true) setShow(true)
setSearchQuery(q) setSearchQuery(q)
setCmdVal('')
requestAnimationFrame(() => inputRef.current?.focus()) requestAnimationFrame(() => inputRef.current?.focus())
}, []) }, [])
// Filter actions based on context // Filter actions based on context
@ -333,7 +334,7 @@ const GotoAnything: FC<Props> = ({
<Command.Item <Command.Item
key={`${result.type}-${result.id}`} key={`${result.type}-${result.id}`}
value={result.title} value={result.title}
className='flex cursor-pointer items-center gap-3 rounded-md p-3 will-change-[background-color] hover:bg-state-base-hover-alt aria-[selected=true]:bg-state-base-hover data-[selected=true]:bg-state-base-hover' className='flex cursor-pointer items-center gap-3 rounded-md p-3 will-change-[background-color] hover:bg-state-base-hover aria-[selected=true]:bg-state-base-hover-alt data-[selected=true]:bg-state-base-hover-alt'
onSelect={() => handleNavigate(result)} onSelect={() => handleNavigate(result)}
> >
{result.icon} {result.icon}