web/repo: the header's owner and name are links to the user page and the repo, their popover still opens on hover and focus
Signed-off-by: dawn <dawn@tangled.org>
33 unmodified lines343536373838394040414242434445462 unmodified lines49505152535354555556575859213 unmodified linesExpand all33 unmodified lines setTimeout(() => (copied = false), 1400); };</script>
{#snippet cut(kind: "own" | "name", text: string)}{#snippet cut(kind: "own" | "name", text: string, path: string)} {@const parts = middleCut(text)} <span class={kind} style:--keep={keep(text)} <a class={kind} href={resolve(path as "/")} style:--keep={keep(text)} ><span class="head">{parts.head}</span>{#if parts.tail}<span class="tail">{parts.tail}</span >{/if}</span >{/if}</a >{/snippet}
<section class="card">2 unmodified lines <span class="who"> <Popover label="{repo.ownerHandle}/{repo.name}" hover inline align="start"> {#snippet summary()} <span class="pair"> {@render cut("own", repo.ownerHandle)} {@render cut("own", repo.ownerHandle, `/${repo.ownerHandle}`)} <span class="sl" aria-hidden="true">/</span> {@render cut("name", repo.name)} {@render cut("name", repo.name, base)} </span> {/snippet} <p class="full"> <a href={resolve(`/${repo.ownerHandle}` as "/")}>{repo.ownerHandle}</a><span213 unmodified linesExpand all75 unmodified lines7677787980818081828384858687888990918792939495969777 unmodified lines75 unmodified lines> <summary class={inline ? undefined : "y-seg"} aria-label={label} onfocus={(event) => { if (!hovers() || !node || node.open || !event.currentTarget.matches(":focus-visible")) onfocusin={(event) => { if ( !hovers() || !node || node.open || !(event.target as Element).matches(":focus-visible") ) return; byHover = true; node.open = true; }} onclick={(event) => { if (!byHover) return; // a link in the summary goes where it says, the popover opened on the way in if (!byHover || (event.target as Element).closest("a")) return; event.preventDefault(); byHover = false; }}>{@render summary()}</summary >77 unmodified lines