sidenav.html 1.8 KB
Newer Older
Hiro's avatar
Hiro committed
1
2
3
<div class="container-fluid sidebar col-xs-12 col-sm-12 col-md-3 col-lg-3">
  <nav class="smalltopics no-background navbar navbar-expand-lg navbar-light bg-white p-0 fixed">
    <label class="side-toggler" for="menu-toggle">
Nicolei Ocaña's avatar
Nicolei Ocaña committed
4
      <a class="btn btn-lg outline-primary text-primary navbar-toggler collapsed" data-toggle="collapse" data-target="#navbarSupportedTopicsContent" aria-controls="navbarSupportedTopicsContent" aria-expanded="false" aria-label="Toggle navigation">
5
        <i class="fas"></i>
Hiro's avatar
Hiro committed
6
7
8
9
10
11
      </a>
    </label>
    <input type="checkbox" id="menu-toggle"/>

    <div class="collapse navbar-collapse burger-menu" id="navbarSupportedTopicsContent">
      <ul class="nav nav-pills flex-column">
12
13
14
15
16
17
        {% for child in this.parent.children %}
          <li{% if this.is_child_of(child.path) %} class="toc-entry toc-h2 active nav-item" {% else %} class="toc-entry toc-h2 nav-item" {% endif %}>
            <a role="button" {% if this.is_child_of(child.path) %} class="nav-link active" {% else %} class="nav-link" {% endif %}
              href="{{ child.path|url(alt=this.alt) }}">{{ _(child.title) }}</a>
          </li>
      	{% endfor %}
Hiro's avatar
Hiro committed
18
19
20
21
22
    </ul>
    </div>
    <hr class="mb-0" />
  </nav>

Antonela's avatar
Antonela committed
23
  <nav class="d-none d-sm-block bg-white border-right sidetopics" id="sidenav-topics" style="top:172px;">
Hiro's avatar
Hiro committed
24
    <ul class="nav nav-pills flex-column">
Pili Guerra's avatar
Pili Guerra committed
25
      {% for child in this.parent.children|sort(attribute='key') %}
26
27
28
29
30
        <li{% if this.is_child_of(child.path) %} class="toc-entry toc-h2 active nav-item" {% else %} class="toc-entry toc-h2 nav-item" {% endif %}>
          <a role="button" {% if this.is_child_of(child.path) %} class="nav-link active" {% else %} class="nav-link" {% endif %}
            href="{{ child.path|url(alt=this.alt) }}">{{ _(child.title) }}</a>
        </li>
    	{% endfor %}
Hiro's avatar
Hiro committed
31
32
    </ul>
  </nav>
33
34


Hiro's avatar
Hiro committed
35
</div>