ClickHouse/website/templates/docs/sidebar.html

<div id="sidebar" class="col-xl-2 col-md-4 bg-secondary-alt p-3 d-print-none min-vh-100 overflow-auto">
    <div class="overflow-auto">
        <div id="single-page-switch" class="btn-group mb-2 float-right" role="group" aria-label="{{ _('Multi-page or single-page') }}">
            <a href="{{ base_url }}" role="button" class="btn btn-dark{% if config.extra.single_page %}-alt{% endif %} active" aria-pressed="{% if not config.extra.single_page %}true{% else %}false{% endif %}">
                <img src="/images/mkdocs/multi.svg" alt="{{ _('Multi-page version') }}" title="{{ _('Multi-page version') }}" />
            </a>
            <a href="{{ base_url }}/single/" role="button" class="btn btn-dark{% if not config.extra.single_page %}-alt{% endif %} active" aria-pressed="{% if not config.extra.single_page %}true{% else %}false{% endif %}">
                <img src="/images/mkdocs/single.svg" alt="{{ _('Single-page version') }}" title="{{ _('Single-page version') }}" />
            </a>
        </div>
        {% if not single_page %}
        <nav id="sidebar-nav" class="nav flex-column mb-5">
            {% for nav_item in nav %}
                {% set path = "sidebar-" + loop.index | string %}
                {% set level = 1 %}
                {% include "templates/docs/sidebar-item.html" %}
            {% endfor %}
        </nav>
        {% else %}
            {% include "templates/docs/toc.html" %}
        {% endif %}
        
        {% include "templates/global/banner.html" %}
    </div>
</div>