Merge branch 'dev' into desktop-poilsh-styles-ui-ux

This commit is contained in:
Aaron Iker 2026-01-20 01:34:16 +01:00
commit 05a0df5680
3 changed files with 5 additions and 4 deletions

View file

@ -1415,7 +1415,7 @@ export default function Layout(props: ParentProps) {
<div <div
data-session-id={props.session.id} data-session-id={props.session.id}
class="group/session relative w-full rounded-md cursor-default transition-colors pl-2 pr-3 class="group/session relative w-full rounded-md cursor-default transition-colors pl-2 pr-3
hover:bg-surface-raised-base-hover focus-within:bg-surface-raised-base-hover has-[.active]:bg-surface-base-active" hover:bg-surface-raised-base-hover focus-within:bg-surface-raised-base-hover has-[[data-expanded]]:bg-surface-raised-base-hover has-[.active]:bg-surface-base-active"
> >
<Show <Show
when={hoverEnabled()} when={hoverEnabled()}
@ -1426,7 +1426,7 @@ export default function Layout(props: ParentProps) {
} }
> >
<HoverCard openDelay={150} closeDelay={100} placement="right" gutter={28} trigger={item}> <HoverCard openDelay={150} closeDelay={100} placement="right" gutter={28} trigger={item}>
<Show when={hoverReady()} fallback={<div>Loading messages</div>}> <Show when={hoverReady()} fallback={<div class="text-12-regular text-text-weak">Loading messages</div>}>
<MessageNav <MessageNav
messages={hoverMessages() ?? []} messages={hoverMessages() ?? []}
current={undefined} current={undefined}

View file

@ -8,7 +8,7 @@
z-index: 50; z-index: 50;
min-width: 200px; min-width: 200px;
max-width: 320px; max-width: 320px;
border-radius: var(--radius-md); border-radius: 8px;
background-color: var(--surface-raised-stronger-non-alpha); background-color: var(--surface-raised-stronger-non-alpha);
pointer-events: auto; pointer-events: auto;
@ -31,7 +31,7 @@
} }
[data-slot="hover-card-body"] { [data-slot="hover-card-body"] {
padding: 12px; padding: 4px;
} }
} }

View file

@ -76,6 +76,7 @@
[data-slot="message-nav-title-preview"] { [data-slot="message-nav-title-preview"] {
font-size: 14px; /* text-14-regular */ font-size: 14px; /* text-14-regular */
color: var(--text-base);
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;