diff --git a/apps/web/src/components/sidebar/SidebarUpdatePill.test.tsx b/apps/web/src/components/sidebar/SidebarUpdatePill.test.tsx new file mode 100644 index 00000000000..7911d5e8b90 --- /dev/null +++ b/apps/web/src/components/sidebar/SidebarUpdatePill.test.tsx @@ -0,0 +1,9 @@ +import { describe, expect, it } from "vite-plus/test"; + +import { NIGHTLY_RELEASE_NOTES_TOOLTIP_CLASS_NAME } from "./SidebarUpdatePill"; + +describe("nightly release notes tooltip", () => { + it("keeps the whole popup hoverable while moving from the update pill", () => { + expect(NIGHTLY_RELEASE_NOTES_TOOLTIP_CLASS_NAME).toContain("pointer-events-auto"); + }); +}); diff --git a/apps/web/src/components/sidebar/SidebarUpdatePill.tsx b/apps/web/src/components/sidebar/SidebarUpdatePill.tsx index fb95dc11a4c..e437dc009d7 100644 --- a/apps/web/src/components/sidebar/SidebarUpdatePill.tsx +++ b/apps/web/src/components/sidebar/SidebarUpdatePill.tsx @@ -19,6 +19,9 @@ import { Alert, AlertDescription, AlertTitle } from "../ui/alert"; import { Separator } from "../ui/separator"; import { Tooltip, TooltipPopup, TooltipTrigger } from "../ui/tooltip"; +export const NIGHTLY_RELEASE_NOTES_TOOLTIP_CLASS_NAME = + "pointer-events-auto max-w-none text-balance"; + function SidebarUpdateReleaseNotesTooltip({ state, tooltip, @@ -35,7 +38,7 @@ function SidebarUpdateReleaseNotesTooltip({
{tooltip}
-
+
{state.releaseNotes.map((releaseNote, index) => (
{index > 0 && } @@ -194,7 +197,7 @@ export function SidebarUpdatePill() { align="start" className={ state?.channel === "nightly" && state.releaseNotes.length > 0 - ? "max-w-none text-balance" + ? NIGHTLY_RELEASE_NOTES_TOOLTIP_CLASS_NAME : undefined } side="top"