Template:L1Compare/styles.css - Revision history

ST: ST moved page Template:Styles.css to Template:L1Compare/styles.css

2025-12-27T00:23:39Z

ST moved page Template:Styles.css to Template:L1Compare/styles.css

← Older revision	Revision as of 00:23, 27 December 2025
(No difference)

ST at 00:21, 27 December 2025

2025-12-27T00:21:41Z

← Older revision		Revision as of 00:21, 27 December 2025
Line 1:		Line 1:
	// l1 comparison table		// l1 comparison table

	~~/* === L1 comparison table scroll container === */~~
	~~.mw-parser-output~~ .l1-compare-wrap {		.l1-compare-wrap {
	display: block;		display: block;
	overflow-x: auto;		overflow-x: auto;
Line 12:		Line 12:
	}		}

	/* ~~=== CRITICAL OVERRIDE: defeat~~ Vector/Minerva table width clamp ~~===~~ */		/* Defeat Vector / Minerva table width clamp */
	~~.mw-parser-output~~ .l1-compare-wrap table.l1-compare {		.l1-compare-wrap table.l1-compare {
	white-space: nowrap;		white-space: nowrap;
	width: max-content;		width: max-content;
	min-width: 1400px;		min-width: 1400px;
	max-width: none ~~!important~~; ~~/* ← THIS is the blocker you were hitting */~~		max-width: none;
	border-collapse: separate;		border-collapse: separate;
	border-spacing: 0;		border-spacing: 0;
	}		}

	/* ~~===~~ Sticky header row ~~===~~ */		/* Sticky header row */
	~~.mw-parser-output~~ .l1-compare-wrap table.l1-compare th {		.l1-compare-wrap table.l1-compare th {
	position: sticky;		position: sticky;
	top: 0;		top: 0;
Line 31:		Line 31:
	}		}

	/* ~~===~~ Sticky first column ~~===~~ */		/* Sticky first column */
	~~.mw-parser-output~~ .l1-compare-wrap table.l1-compare th:first-child,		.l1-compare-wrap table.l1-compare th:first-child,
	~~.mw-parser-output~~ .l1-compare-wrap table.l1-compare td:first-child {		.l1-compare-wrap table.l1-compare td:first-child {
	position: sticky;		position: sticky;
	left: 0;		left: 0;
Line 41:		Line 41:
	}		}

	/* ~~===~~ Top-left corner cell ~~(above both sticky layers) ===~~ */		/* Top-left corner cell */
	~~.mw-parser-output~~ .l1-compare-wrap table.l1-compare th:first-child {		.l1-compare-wrap table.l1-compare th:first-child {
	z-index: 11;		z-index: 11;
	background: #f8f9fa;		background: #f8f9fa;
	}		}

ST: Created page with "// l1 comparison table /* === L1 comparison table scroll container === */ .mw-parser-output .l1-compare-wrap { display: block; overflow-x: auto; overflow-y: visible;..."

2025-12-27T00:20:28Z

Created page with "// l1 comparison table === L1 comparison table scroll container ===: .mw-parser-output .l1-compare-wrap { display: block; overflow-x: auto; overflow-y: visible;..."

New page

// l1 comparison table

/* === L1 comparison table scroll container === */
.mw-parser-output .l1-compare-wrap {
display: block;
overflow-x: auto;
overflow-y: visible;
width: 100%;
max-width: 100%;
-webkit-overflow-scrolling: touch;
background: #ffffff;
}

/* === CRITICAL OVERRIDE: defeat Vector/Minerva table width clamp === */
.mw-parser-output .l1-compare-wrap table.l1-compare {
white-space: nowrap;
width: max-content;
min-width: 1400px;
max-width: none !important; /* ← THIS is the blocker you were hitting */
border-collapse: separate;
border-spacing: 0;
}

/* === Sticky header row === */
.mw-parser-output .l1-compare-wrap table.l1-compare th {
position: sticky;
top: 0;
background: #f8f9fa;
color: #202122;
z-index: 10;
}

/* === Sticky first column === */
.mw-parser-output .l1-compare-wrap table.l1-compare th:first-child,
.mw-parser-output .l1-compare-wrap table.l1-compare td:first-child {
position: sticky;
left: 0;
background: #ffffff;
z-index: 9;
border-right: 1px solid #a2a9b1;
}

/* === Top-left corner cell (above both sticky layers) === */
.mw-parser-output .l1-compare-wrap table.l1-compare th:first-child {
z-index: 11;
background: #f8f9fa;
}