MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 137: / Line 137: @@
 }
+// l1 comparison table
-.l1-compare-wrap {
+/* === L1 comparison table scroll container === */
+.mw-parser-output .l1-compare-wrap {
    display: block;
-   overflow-x: scroll;   /* force scrollbar, not auto */
+   overflow-x: auto;
+   overflow-y: visible;
+  width: 100%;
    max-width: 100%;
-  width: 100%;
    -webkit-overflow-scrolling: touch;
-   background: #fff;
+   background: #ffffff;
 }
-table.l1-compare {
+/* === CRITICAL OVERRIDE: defeat Vector/Minerva table width clamp === */
+.mw-parser-output .l1-compare-wrap table.l1-compare {
    white-space: nowrap;
-   width: max-content;   /* critical */
+   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;
+}
-table.l1-compare th:first-child,
+/* === Sticky first column === */
-table.l1-compare td:first-child {
+.mw-parser-output .l1-compare-wrap table.l1-compare th:first-child,
-  position: -webkit-sticky;
+.mw-parser-output .l1-compare-wrap table.l1-compare td:first-child {
    position: sticky;
    left: 0;
-   background: #fff;
+   background: #ffffff;
    z-index: 9;
    border-right: 1px solid #a2a9b1;
 }
-table.l1-compare th:first-child {
+/* === 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;
 }