ToothFairyAI_Public/tf_code
1
0
Fork 0
mirror of https://gitea.toothfairyai.com/ToothFairyAI/tf_code.git synced 2026-04-22 08:34:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): no delay on tooltip close

Browse Source
This commit is contained in:
Adam
2026-03-05 06:44:11 -06:00
parent 27baa2d65c
commit 2bb3dc585b
3 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/ui/src/components/message-nav.css
View File

@@ -95,7 +95,7 @@
color: var(--text-base); color: var(--text-base);
} }
[data-slot="message-nav-tooltip"] { .message-nav-tooltip {
z-index: 1000; z-index: 1000;
} }

25
packages/ui/src/components/message-nav.tsx
View File

@@ -1,7 +1,7 @@
import { UserMessage } from "@opencode-ai/sdk/v2" import { UserMessage } from "@opencode-ai/sdk/v2"
import { ComponentProps, For, Match, Show, splitProps, Switch } from "solid-js" import { ComponentProps, For, Match, Show, splitProps, Switch } from "solid-js"
import { DiffChanges } from "./diff-changes" import { DiffChanges } from "./diff-changes"
import { Tooltip } from "@kobalte/core/tooltip" import { Tooltip } from "./tooltip"
import { useI18n } from "../context/i18n" import { useI18n } from "../context/i18n"
export function MessageNav( export function MessageNav(
@@ -70,15 +70,20 @@ export function MessageNav(
return ( return (
<Switch> <Switch>
<Match when={local.size === "compact"}> <Match when={local.size === "compact"}>
<Tooltip openDelay={0} closeDelay={300} placement="right-start" gutter={-40} shift={-10} overlap> <Tooltip
<Tooltip.Trigger as="div">{content()}</Tooltip.Trigger> openDelay={0}
<Tooltip.Portal> placement="right-start"
<Tooltip.Content data-slot="message-nav-tooltip"> gutter={-40}
<div data-slot="message-nav-tooltip-content"> shift={-10}
<MessageNav {...props} size="normal" class="" /> overlap
</div> contentClass="message-nav-tooltip"
</Tooltip.Content> value={
</Tooltip.Portal> <div data-slot="message-nav-tooltip-content">
<MessageNav {...props} size="normal" class="" />
</div>
}
>
{content()}
</Tooltip> </Tooltip>
</Match> </Match>
<Match when={local.size === "normal"}>{content()}</Match> <Match when={local.size === "normal"}>{content()}</Match>

2
packages/ui/src/components/tooltip.tsx
View File

@@ -47,7 +47,7 @@ export function Tooltip(props: TooltipProps) {
<Switch> <Switch>
<Match when={local.inactive}>{local.children}</Match> <Match when={local.inactive}>{local.children}</Match>
<Match when={true}> <Match when={true}>
<KobalteTooltip gutter={4} {...others} open={local.forceOpen || open()} onOpenChange={setOpen}> <KobalteTooltip gutter={4} {...others} closeDelay={0} open={local.forceOpen || open()} onOpenChange={setOpen}>
<KobalteTooltip.Trigger as={"div"} data-component="tooltip-trigger" class={local.class}> <KobalteTooltip.Trigger as={"div"} data-component="tooltip-trigger" class={local.class}>
{local.children} {local.children}
</KobalteTooltip.Trigger> </KobalteTooltip.Trigger>