MediaWiki:Gadget-StickyTableHeaders.css
Jump to navigation
Jump to search
In other languages: 日本語 • Български • Deutsch • Ελληνικά • English • Español • Français • Magyar • Italiano • 한국어 • Nederlands • Polski • Português • Português do Brasil • Русский • Türkçe • 中文
CSS and Javascript changes must not modify the wiki.gg branding or advertisements.
Note: After saving, you may have to bypass your browser's cache to see the changes.
| Firefox / Safari | Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
|
|---|---|
| Google Chrome | Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
|
| Internet Explorer | Hold Ctrl while clicking Refresh, or press Ctrl-F5
|
| Opera | Clear the cache in Tools → Preferences |
/* Copied from Enwiki: */
/* sortable tables and JS enhanced wikitables with thead, works with Safari. This is ideal. */
/* But borders are broken: https://bugs.webkit.org/show_bug.cgi?id=128486 */
.jquery-tablesorter > thead,
.mw-sticky-header > thead {
position: -webkit-sticky;
position: sticky;
top: 0;
}
/* This does not seem to work, possibly due to the absolute/relative hacking mess of timeless */
@media screen and (max-width: 1099px) and (min-width: 851px) {
.skin-timeless .jquery-tablesorter > thead,
.skin-timeless .mw-sticky-header > thead {
top: 3.125em;
}
}
@media screen and (min-width: 1100px) {
.skin-timeless .jquery-tablesorter > thead,
.skin-timeless .mw-sticky-header > thead {
top: 6em;
}
}
@media screen and (min-width: 1000px) {
.skin-vector-2022.vector-sticky-header-visible .jquery-tablesorter > thead,
.skin-vector-2022.vector-sticky-header-visible .mw-sticky-header > thead {
top: 3.125rem;
}
}
.jquery-tablesorter > tfoot,
.mw-sticky-header > tfoot {
position: -webkit-sticky;
position: sticky;
bottom: 0;
}
/* On mobile, where we have tables in overflowable boxes to avoid viewport overflows,
* by using display:block, sticky never works though :( */