Template:L1Compare/styles.css: Difference between revisions

From Bose Portable PA Knowledge
Jump to navigation Jump to search
ST (talk | contribs)
Bureaucrats, Interface administrators, Administrators
20,075 edits
VisualWikitext
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;
}
}

Latest revision as of 00:23, 27 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;

}

Retrieved from "https://boseperformer.com/index.php?title=Template:L1Compare/styles.css&oldid=25255"