web/repo: a commit's refs land in the hash row's spare room, so their late arrival no longer re-breaks the title and pushes the page down
Signed-off-by: dawn <dawn@tangled.org>
90 unmodified lines919293949596959697989910062 unmodified lines90 unmodified lines ); };
const showsRefs = async ({ canvas }: PlayContext) => { await expect(await canvas.findByText("main")).toBeVisible(); await expect(canvas.getByText("v1.0.0")).toBeVisible(); await expect(await canvas.findByText(/\bmain\b/)).toBeVisible(); await expect(canvas.getByText(/\bv1\.0\.0\b/)).toBeVisible(); };
const hidesAbsentSegments = async ({ canvas }: PlayContext) => { await expect(canvas.getByText("alice")).toBeVisible();62 unmodified lines119 unmodified linesExpand all12012112212312412512612712812913013113213312412512612761 unmodified lines18919019119219319419519619719819920020120220320420545 unmodified lines119 unmodified linesExpand all .join("\n")}>verified</span > {/if} </span> {#if refNames} <Pending> {#each await refNames as name (name)} <span class="ml-sm typography-monospace-regular font-normal wrap-anywhere text-(--y-accent)" >{name}</span > {/each} </Pending> {/if} </div> {#if commit.body} <p class="m-0 max-w-176 typography-monospace-regular wrap-anywhere whitespace-pre-wrap"> {commit.body}61 unmodified lines {/if} </Pending> {/if} </div> <!-- the refs land after the page paints: they take what room the row has left and never wrap it, so nothing else on the page moves --> {#if refNames} <span class="min-w-0 flex-1 basis-0 truncate font-mono whitespace-pre text-(--y-accent)" > <Pending>{(await refNames).join(" ")}</Pending> </span> {/if} <div class="y-rb sm:ml-auto" role="group" aria-label="commit actions"> {@render copySeg("sha", commit.hash)} {#if changeId} {@render copySeg("change id", changeId)}45 unmodified lines