fix slash and @ keyboard navigation popover background color (#6550)
This commit is contained in:
@@ -553,10 +553,9 @@ const MentionPopover = forwardRef<
|
|||||||
<div
|
<div
|
||||||
key={item.extra}
|
key={item.extra}
|
||||||
onClick={() => handleItemClick(index)}
|
onClick={() => handleItemClick(index)}
|
||||||
|
data-selected={index === selectedIndex}
|
||||||
className={`flex items-center gap-3 p-2 rounded-md cursor-pointer transition-colors ${
|
className={`flex items-center gap-3 p-2 rounded-md cursor-pointer transition-colors ${
|
||||||
index === selectedIndex
|
index === selectedIndex ? 'bg-sidebar-accent' : 'hover:bg-sidebar-accent/50'
|
||||||
? 'bg-bgProminent text-textProminentInverse'
|
|
||||||
: 'hover:bg-bgSubtle'
|
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<div className="flex-shrink-0 text-textSubtle">
|
<div className="flex-shrink-0 text-textSubtle">
|
||||||
@@ -564,7 +563,7 @@ const MentionPopover = forwardRef<
|
|||||||
</div>
|
</div>
|
||||||
<div className="flex-1 min-w-0">
|
<div className="flex-1 min-w-0">
|
||||||
<div className="text-sm truncate text-textStandard">{item.name}</div>
|
<div className="text-sm truncate text-textStandard">{item.name}</div>
|
||||||
<div className="text-xs text-textSubtle truncate">{item.extra}</div>
|
<div className="text-xs truncate text-textSubtle">{item.extra}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
|
|||||||
Reference in New Issue
Block a user