MediaWiki:Common.css - Revision history

Wikilah admin at 11:25, 13 June 2026

2026-06-13T11:25:05Z

Wikilah admin at 09:14, 13 June 2026

2026-06-13T09:14:10Z

← Older revision		Revision as of 17:14, 13 June 2026
Line 1,148:		Line 1,148:
	table.wikitable:has(.col, .col-wide) td:not(:first-child) { min-width: var(--wt-s); }		table.wikitable:has(.col, .col-wide) td:not(:first-child) { min-width: var(--wt-s); }

	/* frozen row-label column */		/* frozen row-label column. white-space:normal (NOT nowrap) with a max-width
			cap: a normal label keeps to one line as long as it fits (auto table layout
			sizes the column to its content), but a runaway label — e.g. a long note
			that ends up in the cell — WRAPS at ~2/3 of the table instead of forcing a
			giant one-line column that pushes the data off-screen. overflow-wrap breaks
			an unbreakable token. min-width keeps it from collapsing too narrow. */
	table.wikitable.fintable th:first-child,		table.wikitable.fintable th:first-child,
	table.wikitable.fintable td:first-child,		table.wikitable.fintable td:first-child,
	table.wikitable:has(.col, .col-wide) th:first-child,		table.wikitable:has(.col, .col-wide) th:first-child,
	table.wikitable:has(.col, .col-wide) td:first-child {		table.wikitable:has(.col, .col-wide) td:first-child {
	white-space: ~~nowrap~~;		white-space: normal;
		⚫	max-width: 66%; /* hard cap: never hog more than ~2/3 */
			overflow-wrap: anywhere;
	min-width: 16em;		min-width: 16em;
	position: sticky;		position: sticky;
Line 1,840:		Line 1,847:
	(Docling parses the DOM, not the rendered layout) — readers and		(Docling parses the DOM, not the rendered layout) — readers and
	RAG see different things from one markup.		RAG see different things from one markup.
	Common.js ~~adds~~ .ed-fn-~~flip~~ ~~near~~ ~~the~~ ~~right~~ ~~edge~~ ~~(card~~ ~~opens~~ ~~leftward)~~		Common.js only TOGGLES .ed-fn-open (one card at a time); the card's
	~~and~~ ~~keeps~~ ~~only~~ ~~one~~ ~~card~~ ~~open~~ at a ~~time~~. ── */		position is 100% CSS — no JS coordinates to go wrong. ── */
	.ed-fn { position: relative; } /* the popover's anchor */
	.ed-fn-chip { cursor: pointer; white-space: nowrap; }		.ed-fn-chip { cursor: pointer; white-space: nowrap; }
	.ed-fn-chip::after {		.ed-fn-chip::after {
Line 1,860:		Line 1,866:
	.ed-fn-body { display: none; }		.ed-fn-body { display: none; }

	/* ~~the~~ popover card */		/* The popover card — a FIXED bottom-centre panel, positioned entirely in
			CSS. position:fixed escapes the frozen first column's sticky stacking
			context and the table's overflow clip (an absolute/JS-placed card kept
			getting trapped or mis-placed → invisible). Because the position is pure
			CSS, opening the card can never show "nothing": the JS just adds the
			.ed-fn-open class. Width clamps to the viewport so it works on mobile too. */
	.ed-fn.ed-fn-open > .ed-fn-body {		.ed-fn.ed-fn-open > .ed-fn-body {
	display: block;		display: block;
	position: ~~absolute~~;		position: fixed;
			left: 50%;
⚫	~~top~~: ~~1.6em~~; /* ~~just~~ ~~below~~ ~~the~~ ~~chip's~~ ~~line~~ */
	~~left~~: 0;		bottom: 1.5rem;
			transform: translateX(-50%);
	z-index: 30;
		⚫	z-index: 1100; /* above sticky cells + chrome */
	width: max-content;
			width: min(32rem, calc(100vw - 2rem));
⚫	max-width: ~~min(24rem, 90vw)~~; /* never ~~overflow~~ ~~the~~ ~~viewport~~ */
			max-height: 60vh;
⚫	padding: 0.~~7em~~ ~~0.9em~~;
			overflow-y: auto;
		⚫	padding: 0.8em 1em;
	background: #fff;		background: #fff;
	border: 1px solid var(--ed-hairline-strong);		border: 1px solid var(--ed-hairline-strong);
	border-left: 3px solid var(--ed-accent); /* house coral spine */		border-left: 3px solid var(--ed-accent); /* house coral spine */
	border-radius: ~~2px~~;		border-radius: 4px;
	box-shadow: 0 ~~6px~~ ~~22px~~ rgba(43, 41, 38, 0.14);		box-shadow: 0 8px 30px rgba(43, 41, 38, 0.18);
	font-family: var(--ed-serif);		font-family: var(--ed-serif);
	font-size: 0.~~9rem~~;		font-size: 0.92rem;
	font-weight: 400;		font-weight: 400;
	font-style: normal;		font-style: normal;
Line 1,889:		Line 1,902:
	.ed-fn.ed-fn-open > .ed-fn-body::before,		.ed-fn.ed-fn-open > .ed-fn-body::before,
	.ed-fn.ed-fn-open > .ed-fn-body::after { content: none; }		.ed-fn.ed-fn-open > .ed-fn-body::after { content: none; }
	/* near the right edge, open the card leftward (JS sets .ed-fn-flip) */
	.ed-fn.ed-fn-open.ed-fn-flip > .ed-fn-body { left: auto; right: 0; }

	/* no-JS safety net: if site JS ever fails to load, notes stay readable */		/* no-JS safety net: if site JS ever fails to load, notes stay readable */
Line 1,902:		Line 1,913:
	h1#firstHeading, .mw-first-heading { font-size: 1.7rem; }		h1#firstHeading, .mw-first-heading { font-size: 1.7rem; }
	.mw-body-content h2, .mw-body-content .mw-heading2 { font-size: 1.22rem; }		.mw-body-content h2, .mw-body-content .mw-heading2 { font-size: 1.22rem; }
	/* footnote card → fixed bottom sheet so it can never clip off-screen */
	.ed-fn.ed-fn-open > .ed-fn-body {
	position: fixed;
	left: 1rem; right: 1rem; bottom: 1rem;
	top: auto; width: auto; max-width: none;
	box-shadow: 0 -4px 22px rgba(43, 41, 38, 0.18);
	}
	.ext-aiassistant-prompt-composer { border-bottom: 1px solid var(--ed-hairline) !important; }		.ext-aiassistant-prompt-composer { border-bottom: 1px solid var(--ed-hairline) !important; }
	}		}

Wikilah admin at 08:52, 13 June 2026

2026-06-13T08:52:31Z

Show changes

Wikilah admin at 08:50, 13 June 2026

2026-06-13T08:50:54Z

Show changes

Wikilah admin at 06:41, 13 June 2026

2026-06-13T06:41:49Z

@@ Line 1,832: / Line 1,832: @@
       MW 1.43's sanitizer REJECTS <details>/<summary> in wikitext
       (verified live: tags render as literal text), so this is spans +
-      a tiny MediaWiki:Common.js toggle (adds/removes .ed-fn-open on
+      the Common.js toggle (adds/removes .ed-fn-open on chip click).
-      chip click). Readers see a small dotted-underline "note" chip;
+      Readers see a small dotted-underline "note" chip; clicking opens
-      the chip text is CSS content, NOT in the DOM text. Clicking
+      the note as a POPOVER card that floats ABOVE the text (no reflow —
-      CSS-generated parens. The literal "(footnote: " / ")" wrappers
+      literal "(footnote: " / ")" wrappers live in always-hidden spans,
-      stay in the DOM inside always-hidden spans, so the bot's HTML
+      so the bot's HTML retrieval reads the full note regardless of CSS
-      retrieval reads exactly the pre-template format — readers and RAG
+      (Docling parses the DOM, not the rendered layout) — readers and
-      see different things from the same markup. ── */
+      RAG see different things from one markup.
 .ed-fn-chip::after {
   content: "note";
@@ Line 1,850: / Line 1,853: @@
   text-underline-offset: 2px;
+}
 .ed-fn.ed-fn-open > .ed-fn-chip::after { color: var(--ed-link); }
 .ed-fn.ed-fn-open > .ed-fn-body {
-  display: inline;
+  display: block;
+}
-.ed-fn.ed-fn-open > .ed-fn-body::after  { content: ")"; }
+.ed-fn.ed-fn-open > .ed-fn-body::before,
 /* 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); }
@@ Line 1,869: / Line 1,902: @@
   h1#firstHeading, .mw-first-heading { font-size: 1.7rem; }
   .mw-body-content h2, .mw-body-content .mw-heading2 { font-size: 1.22rem; }
   .ext-aiassistant-prompt-composer { border-bottom: 1px solid var(--ed-hairline) !important; }
+}

Wikilah admin at 02:24, 13 June 2026

2026-06-13T02:24:29Z

@@ Line 1,362: / Line 1,362: @@
 table.wikitable caption { background-color: transparent; }
 table.wikitable > tbody > tr:hover > td { background-color: #f2ede5; }
 table.wikitable.fintable td:first-child,
@@ Line 1,382: / Line 1,388: @@
 table.wikitable:has(.col, .col-wide) { border-left: none; }
-/* caption = the table's TITLE: one size step above the 13px cells, with
+/* the table's outer margins live on the scroll WRAPPER (the emitter wraps
 table.wikitable caption {
-  color: var(--ed-ink);
+  font-family: var(--ed-sans);
-  font-size: 0.875rem;
+  font-size: 0.75rem;
   font-weight: 600;
-  margin-right: 0.45em;
+  text-align: left;
-  font-size: 0.9em;
+  padding-bottom: 0.7em;
+}
@@ Line 1,583: / Line 1,601: @@
   --toc-header-inset: 0.6rem;
+}
 .vector-toc .vector-toc-list-item.vector-toc-level-2 { --toc-numb-gutter: 2.8rem; }
 /* ^ the level-2 box (gutter - 0.35rem gap) must fit "12.1." (~39px @13px
-   tabular) — smaller and the number overflows its box into the text */
+   tabular) — at 2.2rem a two-digit parent's number overflowed its box and
 /* CONTENTS header: label + 1px ink rule on the title rule's line
@@ Line 1,635: / Line 1,643: @@
   list-style: none;
+}
 .vector-toc .vector-toc-list-item > .vector-toc-list { margin-top: 0.1rem; }

Wikilah admin at 01:34, 13 June 2026

2026-06-13T01:34:40Z

← Older revision		Revision as of 09:34, 13 June 2026
Line 1,583:		Line 1,583:
	--toc-header-inset: 0.6rem;		--toc-header-inset: 0.6rem;
	}		}

		⚫	.vector-toc .vector-toc-list-item.vector-toc-level-2 { --toc-numb-gutter: 2.8rem; }
			/* ^ the level-2 box (gutter - 0.35rem gap) must fit "12.1." (~39px @13px
			tabular) — smaller and the number overflows its box into the text */

	.vector-toc .vector-toc-list-item {		.vector-toc .vector-toc-list-item {
Line 1,631:		Line 1,635:
	list-style: none;		list-style: none;
	}		}

⚫	.vector-toc .vector-toc-list-item {
	position: relative; /* the number's anchor */
	padding: 0.22rem 0 0.22rem var(--toc-numb-gutter) !important;
	}
	.vector-toc .vector-toc-list-item > .vector-toc-list { margin-top: 0.1rem; }		.vector-toc .vector-toc-list-item > .vector-toc-list { margin-top: 0.1rem; }

Wikilah admin at 01:29, 13 June 2026

2026-06-13T01:29:11Z

← Older revision		Revision as of 09:29, 13 June 2026
Line 1,583:		Line 1,583:
	--toc-header-inset: 0.6rem;		--toc-header-inset: 0.6rem;
	}		}

	.vector-toc .vector-toc-list-item~~.vector-toc-level-2~~ { ~~--toc-numb-gutter: 2.2rem; }~~		.vector-toc .vector-toc-list-item {
			position: relative; /* the number's anchor */
			padding: 0.22rem 0 0.22rem var(--toc-numb-gutter) !important;
			font-size: var(--ed-small); /* li, link text and the abspos number must
			share ONE font size: the number's static
			position is computed from the LI's line
			metrics — a larger li strut seats the
			number ~1px above the 13px text */
			}

	/* CONTENTS header: label + 1px ink rule on the title rule's line		/* CONTENTS header: label + 1px ink rule on the title rule's line

Wikilah admin at 17:13, 12 June 2026

2026-06-12T17:13:38Z

Show changes

Wikilah admin at 16:57, 12 June 2026

2026-06-12T16:57:56Z

@@ Line 1,800: / Line 1,800: @@
   list-style: none;
+}
 .vector-toc .vector-toc-list-item {
   position: relative;
@@ Line 1,806: / Line 1,807: @@
   padding-bottom: 0.22rem;      /* now-inline .vector-toc-text padding)   */
+}
 /* chevron: the entry text goes inline so the sibling toggle button
    flows right after the label ("Outlook 3 ▾"). The Codex icon is