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;..."
 
 
(One intermediate revision by the same user not shown)
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;
}
}