Bot:Gadget-figureSource.js: Difference between revisions

Content deleted Content added
Viewer bar sizes via var(--ed-small) — follow the house small size by contract
Popover: full-bleed crop, one-line middle-dot tags, --ed-small text, ink footer
Line 310:
parts.push('chunk ' + entry.loc.chunk);
}
// one line, middle-dot separated ("Solvency II ratio (%) · FY24 · …")
return parts.map(function (p) {
return '<div class="fig-tag">' + esc(p) + '</div>';parts.length
} ? '<div class="fig-tags">' + parts.map(esc).join(' · '); + '</div>'
: '';
}
 
Line 463 ⟶ 464:
'.fig-src:hover{text-decoration:underline;' +
'text-decoration-color:' + coral + ';text-underline-offset:3px}' +
// full-bleed crop: the popover's own ink border frames the image
// (no inner padding/margins); only the text block below is inset.
// All popover text follows the house small size, footer in page ink.
'.fig-popover{position:absolute;z-index:200;width:420px;' +
'background:#fff;border:1px solid #0d0d0d;padding:10px0;' +
'box-shadow:0 2px 10px rgba(0,0,0,.15)}' +
'.fig-popover .fig-crop canvas{max-width:100%;height:auto;display:block;}' +
'.fig-popover .fig-crop{border-bottom:1px solid #ddd;margin-bottom:8px}' +
'.fig-popover .fig-tagcrop:empty{font-sizedisplay:13pxnone;lineborder-heightbottom:1.450}' +
'.fig-popover .fig-tags{font-size:var(--ed-small,14px);' +
'line-height:1.45;padding:8px 10px 0}' +
'.fig-popover .fig-foot{display:flex;justify-content:space-between;' +
'margin-top:8px;font-size:12pxvar(--ed-small,14px);colorpadding:#5556px 10px 10px}' +
// one explicit size for every bar item — name, page label, buttons —
// so nothing inherits a divergent size from the surrounding skin