MediaWiki:Gadget-stickyToc.css
Jump to navigation
Jump to search
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
#p-toc {
position: sticky;
top: 0.5em;
}
#p-toc .vector-menu-content-list {
max-height: calc(100vh - 3.75em - 12px - var(--sticky-bottom, 0px));
overflow-y: auto;
color-scheme: dark;
scrollbar-width: thin;
overscroll-behavior: none;
}
@media (prefers-reduced-motion: no-preference) {
#p-toc .vector-menu-content-list {
scroll-behavior: smooth;
}
}
#p-toc .vector-menu-content-list ul {
margin-left: 10px;
}
#p-toc .vector-menu-content-list ul li {
font-size: inherit;
}
#p-toc .tocsection-current > a {
font-weight: bold;
text-decoration: underline;
}
#p-toc .tocnumber {
color: white;
display: none; /* they take up too much space */
}
@media screen and (max-width: 720px) {
#p-toc {
display: none;
}
}