|
.ext-aiassistant-cite a { color: var(--ed-link) !important; }
/* ── Collapsible inlineInline footnotes ({{footnote}} → <span class="ed-fn" title="…">).
Readers see aA small dotted-underline "note" chip ; clickingafter the term. The note openslives▼
MW 1.43's sanitizer REJECTS <details>/<summary> in wikitext
in the title="" attribute, so on DESKTOP the browser's NATIVE tooltip
(verified live: tags render as literal text), so this is spans +
shows it on hover — and a native tooltip is rendered above the whole
the Common.js toggle (adds/removes .ed-fn-open on chip click).
page, so it can never be covered by the frozen table column or clipped
▲ Readers see a small dotted-underline "note" chip; clicking opens
by the notetable's asscroll a(the POPOVERbug cardan thatin-page floatscard ABOVEkept the text (nohitting). reflowOn —TOUCH
thedevices paragraph(no never shiftshover). Thea chipCSS labelbubble is CSSsynthesised contentfrom andattr(title) theon
tap/focus. NO JavaScript. The note is ALSO kept in a hidden
literal "(footnote: " / ")" wrappers live in always-hidden spans,
"(footnote: …)" span so the bot's HTML retrieval reads theit fullfrom notethe regardlessDOM of(Docling CSSignores
title attributes) — readers and RAG see different things from one markup.▼
(Docling parses the DOM, not the rendered layout) — readers and
markup. ── */
▲ RAG see different things from one markup.
.ed-fn { cursor: help; }
Common.js only TOGGLES .ed-fn-open (one card at a time); the card's
position is 100% CSS — no JS coordinates to go wrong. ── */
.ed-fn-chip { cursor: pointer; white-space: nowrap; } ▼.ed-fn-chip::after {
content: "note";
text-decoration: underline dotted;
text-underline-offset: 2px;
▲.ed-fn-chip { cursor: pointer; white-space: nowrap; }
}
.ed-fn:hover .ed-fn-chip:hover::after, { color: var(--ed-link); }
.ed-fn.ed-fn-open > .ed-fn-chip::after { color: var(--ed-link); }
/* always in the DOM for the bot; never shown to readers as inline text */
.ed-fn-pre, .ed-fn-close { display: none; }
.ed-fn-body { display: none; }
/* Touch devices have no hover → synthesise the tooltip from attr(title)
/* The popover card — a FIXED bottom-centre panel, positioned entirely in
on tap/focus (the term span carries tabindex=0). Desktop uses the
CSS. position:fixed escapes the frozen first column's sticky stacking
native title tooltip instead, so this block is touch-only. */
context and the table's overflow clip (an absolute/JS-placed card kept
@media (hover: none) and (pointer: coarse) {
getting trapped or mis-placed → invisible). Because the position is pure
.ed-fn { position: relative; }
CSS, opening the card can never show "nothing": the JS just adds the
.ed-fn[title]::after {
.ed-fn-open class. Width clamps to the viewport so it works on mobile too. */
content: attr(title);
.ed-fn.ed-fn-open > .ed-fn-body {
display position: blockabsolute;
position left: fixed50%;
left bottom: 50calc(100% + 8px);
transform: translateX(-50%); ▼
bottom: 1.5rem;
z-index: 1100;
▲ transform: translateX(-50%);
width: max-content;
z-index: 1100; /* above sticky cells + chrome */
max-width: min(32rem20rem, calc(100vw - 2rem)80vw);
padding: 0. 8em5em 1em0.7em; ▼
max-height: 60vh;
overflow-y background: auto#fff;
border: 1px solid var(--ed-hairline-strong);
background: #fff;
border-left: 1px3px solid var(--ed-hairline-strongaccent);
border-left: 3px solid var(--ed-accent); /* house coral spine */
box-shadow: 0 8px4px 30px16px rgba(43, 41, 38, 0.18); ▼
font-family: var(--ed-serif);
▲ box-shadow: 0 8px 30px rgba(43, 41, 38, 0.18);
font-familysize: var(--ed-serif)0.85rem;
font line-sizeheight: 01.92rem4;
font white-weightspace: 400normal;
font text-stylealign: normalleft;
line-height opacity: 1.50;
visibility: hidden;
letter-spacing: 0;
}
text-align: left;
.ed-fn:focus::after,
text-transform: none;
.ed-fn:active::after { opacity: 1; visibility: visible; }
white-space: normal;
}
/* a card needs no inline parens */
.ed-fn.ed-fn-open > .ed-fn-body::before,
.ed-fn.ed-fn-open > .ed-fn-body::after { content: none; }
/* no-JS safety net: if site JS ever fails to load, notes stay readable */
.client-nojs .ed-fn-body { display: inline; color: var(--ed-secondary); }
.client-nojs .ed-fn-chip { display: none; }
/* ── Mobile ── */
|