Template:L1Compare/styles.css: Difference between revisions
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;..." |
m ST moved page Template:Styles.css to Template:L1Compare/styles.css |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
// l1 comparison table | // l1 comparison table | ||
.l1-compare-wrap { | |||
display: block; | display: block; | ||
overflow-x: auto; | overflow-x: auto; | ||
| Line 12: | Line 12: | ||
} | } | ||
/* | /* Defeat Vector / Minerva table width clamp */ | ||
.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 | max-width: none; | ||
border-collapse: separate; | border-collapse: separate; | ||
border-spacing: 0; | border-spacing: 0; | ||
} | } | ||
/* | /* Sticky header row */ | ||
.l1-compare-wrap table.l1-compare th { | |||
position: sticky; | position: sticky; | ||
top: 0; | top: 0; | ||
| Line 31: | Line 31: | ||
} | } | ||
/* | /* Sticky first column */ | ||
.l1-compare-wrap table.l1-compare th: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 */ | ||
.l1-compare-wrap table.l1-compare th:first-child { | |||
z-index: 11; | z-index: 11; | ||
background: #f8f9fa; | background: #f8f9fa; | ||
} | } | ||