add: fontawesome

fix: navbar (now sidebar)
This commit is contained in:
Tobias Reisinger 2020-01-24 01:42:38 +01:00
parent ac5354a601
commit 0bb3d93704
6 changed files with 59 additions and 88 deletions

View file

@ -1,50 +1,19 @@
{% macro loop(page) %}
{% for p in page.children.visible %}
{% set current_page = (p.active or p.activeChild) ? 'selected' : '' %}
{% if p.children.visible.count > 0 %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="{{ p.url }}" role="button" aria-haspopup="true" aria-expanded="false">{{ p.menu }}</a>
<div class="dropdown-menu">
{{ _self.loop(p) }}
</div>
</li>
{% else %}
<li class="nav-item">
<a class="nav-link" href="{{ p.url }}">{{ p.menu }}</a>
</li>
{% endif %}
{% endfor %}
{% endmacro %}
<nav class="navbar navbar-light navbar-expand-sm bg-light sticky-top">
<div class="container-fluid">
<div class="navbar-header">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#collapsing_navbar">
<span class="navbar-toggler-icon"></span>
</button>
{% include 'partials/logo.html.twig' %}
<nav id="sidebar-wrapper" class="navbar bg-dark">
<div id="menu-toggle">
<div id="menu-toggle-icon">
<i class="fas fa-2x fa-bars"></i>
</div>
{% block header_navigation %}
<div class="navbar-collapse collapse" id="collapsing_navbar">
<ul class="nav navbar-nav">
{% if theme_config.dropdown.enabled %}
{{ _self.loop(pages) }}
{% else %}
{% for page in pages.children.visible %}
{% set current_page = (page.active or page.activeChild) ? 'selected' : '' %}
<li class="nav-item">
<a class="nav-link" href="{{ page.url }}">{{ page.menu }}</a>
</li>
{% endfor %}
{% endif %}
{% for mitem in site.menu %}
<li class="nav-item">
<a class="nav-link" href="{{ mitem.url }}">{{ mitem.text }}</a>
</li>
{% endfor %}
</ul>
</div>
{% endblock %}
</div>
<ul class="sidebar-nav">
<li class="sidebar-spacer"></li>
<li class="sidebar-brand">
{% include 'partials/logo.html.twig' %}
</li>
{% for page in pages.children.visible %}
{% set current_page = (page.active or page.activeChild) ? 'selected' : '' %}
<li class="nav-item">
<a class="nav-link" href="{{ page.url }}" {{ current_page }}>{{ page.menu }}</a>
</li>
{% endfor %}
</ul>
</nav>