MediaWiki:Common.css: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
Line 1,196:
 
/* ── wt-bleed add-on: a .fintable that BREAKS OUT to the right instead of scrolling in its wrapper — it
differs from plain fintable ONLY in the overflow. TheA emitterwide wraps every.wt-bleed table inpaints past the content anedge inlineat
its natural width and the PAGE gains a horizontal scroll (default MediaWiki wide-table behavior) instead of a per-table scrollbar.
<div style="overflow-x:auto">; for a .wt-bleed table we set that wrapper back to overflow:visible (via
:has), soof a per-table widerscrollbar. thanThere theare contentTWO columnscroll paintswrappers pastto theneutralise right edgeboth atvia its natural width and:has(…wt-bleed) the+
!important (which beats their inline / script-set overflow):
PAGE gains a horizontal scroll (default MediaWiki wide-table behavior) instead of a per-table scrollbar.
`!important` beats 1. the wrapperemitter's INLINEinline <div style="overflow-x:auto."> Everything else — column widths,(Module:TermMap frametable_open), headerand
2. .copy-table-scroll — a SECOND scroll container the copy-table gadget injects (by JS, ~1s after
tint, the frozen first column — stays exactly fintable. The TOC sits in the left grid column, so a
load) as the table's DIRECT parent. Without overriding it too, the table briefly breaks out then
right-edge breakout never reaches it. Apply by adding `wt-bleed` to the table class (Module:TermMap does
this for SNAPS BACK the Datacheckmoment reviewthe tables).gadget ──wraps */it.
Everything else — column widths, frame, header tint, the frozen first column — stays exactly fintable. The TOC sits in the left grid column, so a
.mw-parser-output div[style*="overflow-x"]:has(table.wikitable.wt-bleed) {
The TOC is in the left grid column, so a right-edge breakout never reaches it. Apply by adding `wt-bleed` to the table class (Module:TermMap does
to the table class (Module:TermMap does this for the Datacheck review tables). ── */
.mw-parser-output div[style*="overflow-x"]:has(table.wikitable.wt-bleed) {,
.copy-table-scroll:has(table.wikitable.wt-bleed) {
overflow-x: visible !important;
}