MediaWiki:Gadget-SidebarTOC.css: Difference between revisions

Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
.vector-sticky-toc-container {
#p-toc {
     position: absolute;
    position: sticky;
     top: 0;
    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;
}
 
/* Customize the styling of the current section in the table of contents */
#p-toc .tocsection-current a {
     color: black; /* Set text color to black */
    font-weight: bold; /* Make the text bold */
}
 
#p-toc .tocnumber {
    color: white;
     display: none; /* they take up too much space */
}
 
@media screen and (max-width: 720px) {
#p-toc {
    display: none;
}
}
}

Latest revision as of 22:08, 22 February 2024

#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;
}

/* Customize the styling of the current section in the table of contents */
#p-toc .tocsection-current a {
    color: black; /* Set text color to black */
    font-weight: bold; /* Make the text bold */
}

#p-toc .tocnumber {
    color: white;
    display: none; /* they take up too much space */
}

@media screen and (max-width: 720px) {
	#p-toc {
    	display: none;
	}
}