/** * Checkbox hack used by collapsed TOC on narrow viewports for no JS users. * Although it's display:none, the :checked state is still affected when clicking * the associated label. */ #vector-toc-collapsed-checkbox { display: none; } .vector-toc { max-height: 75vh; box-sizing: border-box; overflow-y: auto; overflow-x: hidden; background-color: @background-color-page-container; font-size: @font-size-base; .vector-pinnable-header-label { // Override heading element styles in elements.less overflow: unset; } .vector-toc-numb { display: none; } .vector-toc-toggle { // For no-js users, toggling is disabled and icon is hidden display: none; position: absolute; top: 1px; // visually center icon left: ~'calc( -1 * @{size-toc-subsection-toggle-icon} - 1px )'; // leaves 6px between icon + text font-size: 0.75em; // reduces size of toggle icon to 12px @ 16 transition: @transition-duration-base; color: transparent; cursor: pointer; // Vertically center the icon with the text margin-top: 2px; // Reset