authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-07-27 20:28:01+02:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-07-27 20:28:01+02:00
log80ead5f3a7743010cdab6ad84fa4dcbd4c021038
treed1dc5dd38a07e48954d0f133f4261853d98f7d0e
parent32af2f002468c320d40ab730b575dea872f1d86d
signature Signed by PGP key B5690EEEBB952194

Add glass styling for thread tooltips and simplify preview tab handling (#4665)

2 files changed, 8 insertions(+), 6 deletions(-)

apps/web/src/components/SidebarV2.tsx+2-5
...@@ -239,11 +239,8 @@ function SidebarV2ThreadTooltip({...@@ -239,11 +239,8 @@ function SidebarV2ThreadTooltip({
239 side="right"239 side="right"
240 align="start"240 align="start"
241 sideOffset={8}241 sideOffset={8}
242 className="dropdown-glass max-w-80 border-0! text-left whitespace-normal shadow-lg/10 before:hidden dark:shadow-none"242 variant="glass"
243 style={{243 className="max-w-80 text-left whitespace-normal"
244 background:
245 "color-mix(in srgb, var(--popover) 18%, color-mix(in srgb, var(--popover) var(--glass-opacity), transparent))",
246 }}
247 >244 >
248 <div className="flex max-w-80 flex-col gap-2 p-2">245 <div className="flex max-w-80 flex-col gap-2 p-2">
249 <div className="whitespace-nowrap text-sm font-medium text-foreground">{thread.title}</div>246 <div className="whitespace-nowrap text-sm font-medium text-foreground">{thread.title}</div>
apps/web/src/components/ui/tooltip.tsx+6-1
...@@ -17,6 +17,7 @@ function TooltipPopup({...@@ -17,6 +17,7 @@ function TooltipPopup({
17 align = "center",17 align = "center",
18 sideOffset = 4,18 sideOffset = 4,
19 side = "top",19 side = "top",
20 variant = "default",
20 anchor,21 anchor,
21 children,22 children,
22 ...props23 ...props
...@@ -24,6 +25,7 @@ function TooltipPopup({...@@ -24,6 +25,7 @@ function TooltipPopup({
24 align?: TooltipPrimitive.Positioner.Props["align"];25 align?: TooltipPrimitive.Positioner.Props["align"];
25 side?: TooltipPrimitive.Positioner.Props["side"];26 side?: TooltipPrimitive.Positioner.Props["side"];
26 sideOffset?: TooltipPrimitive.Positioner.Props["sideOffset"];27 sideOffset?: TooltipPrimitive.Positioner.Props["sideOffset"];
28 variant?: "default" | "glass";
27 anchor?: TooltipPrimitive.Positioner.Props["anchor"];29 anchor?: TooltipPrimitive.Positioner.Props["anchor"];
28}) {30}) {
29 return (31 return (
...@@ -38,7 +40,10 @@ function TooltipPopup({...@@ -38,7 +40,10 @@ function TooltipPopup({
38 >40 >
39 <TooltipPrimitive.Popup41 <TooltipPrimitive.Popup
40 className={cn(42 className={cn(
41 "relative flex h-(--popup-height,auto) w-(--popup-width,auto) origin-(--transform-origin) text-balance rounded-md border bg-popover not-dark:bg-clip-padding text-popover-foreground text-xs shadow-md/5 transition-[width,height,scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 data-instant:duration-0 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",43 "relative flex h-(--popup-height,auto) w-(--popup-width,auto) origin-(--transform-origin) text-balance rounded-md text-popover-foreground text-xs transition-[width,height,scale,opacity] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] data-ending-style:scale-98 data-starting-style:scale-98 data-ending-style:opacity-0 data-starting-style:opacity-0 data-instant:duration-0 dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",
44 variant === "glass"
45 ? "dropdown-glass shadow-xl shadow-black/25 before:hidden"
46 : "border bg-popover not-dark:bg-clip-padding shadow-md/5",
42 className,47 className,
43 )}48 )}
44 data-slot="tooltip-popup"49 data-slot="tooltip-popup"