MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 135: | Line 135: | ||
-ms-user-select: none; | -ms-user-select: none; | ||
user-select: none; | user-select: none; | ||
} | |||
/* Scroll container */ | |||
.l1-compare-wrap { | |||
overflow-x: auto; | |||
max-width: 100%; | |||
-webkit-overflow-scrolling: touch; | |||
background: #fff; | |||
} | |||
/* Keep cells from wrapping so horizontal scroll behaves predictably */ | |||
table.l1-compare { | |||
white-space: nowrap; | |||
width: 100%; | |||
border-collapse: separate; | |||
border-spacing: 0; | |||
} | |||
/* Sticky header row */ | |||
table.l1-compare th { | |||
position: -webkit-sticky; | |||
position: sticky; | |||
top: 0; | |||
background: #f8f9fa; /* Vector/Minerva-friendly */ | |||
color: #202122; | |||
z-index: 10; | |||
} | |||
/* Sticky first column (including the top-left corner cell) */ | |||
table.l1-compare th:first-child, | |||
table.l1-compare td:first-child { | |||
position: -webkit-sticky; | |||
position: sticky; | |||
left: 0; | |||
background: #fff; | |||
z-index: 9; | |||
border-right: 1px solid #a2a9b1; | |||
} | |||
/* Ensure the top-left cell sits above both sticky layers */ | |||
table.l1-compare th:first-child { | |||
z-index: 11; | |||
background: #f8f9fa; | |||
} | } | ||