ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(app): hover-card scrolling

Browse source
This commit is contained in:
Adam 2026-01-22 07:15:57 -06:00
commit 8e3b459d77
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
2 changed files with 19 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

34
packages/app/src/pages/layout.tsx
View file

@ -1555,22 +1555,24 @@ export default function Layout(props: ParentProps) {
when={hoverReady()} when={hoverReady()}
fallback={<div class="text-12-regular text-text-weak">{language.t("session.messages.loading")}</div>} fallback={<div class="text-12-regular text-text-weak">{language.t("session.messages.loading")}</div>}
> >
<MessageNav <div class="overflow-y-auto max-h-72 h-full">
messages={hoverMessages() ?? []} <MessageNav
current={undefined} messages={hoverMessages() ?? []}
getLabel={messageLabel} current={undefined}
onMessageSelect={(message) => { getLabel={messageLabel}
if (!isActive()) { onMessageSelect={(message) => {
sessionStorage.setItem("opencode.pendingMessage", `${props.session.id}|${message.id}`) if (!isActive()) {
navigate(`${props.slug}/session/${props.session.id}`) sessionStorage.setItem("opencode.pendingMessage", `${props.session.id}|${message.id}`)
return navigate(`${props.slug}/session/${props.session.id}`)
} return
window.history.replaceState(null, "", `#message-${message.id}`) }
window.dispatchEvent(new HashChangeEvent("hashchange")) window.history.replaceState(null, "", `#message-${message.id}`)
}} window.dispatchEvent(new HashChangeEvent("hashchange"))
size="normal" }}
class="w-60" size="normal"
/> class="w-60"
/>
</div>
</Show> </Show>
</HoverCard> </HoverCard>
</Show> </Show>

2
packages/ui/src/components/hover-card.css
View file

@ -34,7 +34,7 @@
[data-slot="hover-card-body"] { [data-slot="hover-card-body"] {
padding: 4px; padding: 4px;
max-height: inherit; max-height: inherit;
overflow-y: auto; overflow: hidden;
} }
} }