Difference between revisions of "Template:L1Compare/styles.css"
(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 |
||
| 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; | ||
} | } | ||
Revision as of 19:21, 26 December 2025
// l1 comparison table
.l1-compare-wrap {
display: block; overflow-x: auto; overflow-y: visible; width: 100%; max-width: 100%; -webkit-overflow-scrolling: touch; background: #ffffff;
}
/* Defeat Vector / Minerva table width clamp */ .l1-compare-wrap table.l1-compare {
white-space: nowrap; width: max-content; min-width: 1400px; max-width: none; border-collapse: separate; border-spacing: 0;
}
/* Sticky header row */ .l1-compare-wrap table.l1-compare th {
position: sticky; top: 0; background: #f8f9fa; color: #202122; z-index: 10;
}
/* Sticky first column */ .l1-compare-wrap table.l1-compare th:first-child, .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 */ .l1-compare-wrap table.l1-compare th:first-child {
z-index: 11; background: #f8f9fa;
}