1
0
mirror of https://github.com/tabler/tabler.git synced 2026-07-27 13:34:37 +04:00

side menu, cards

This commit is contained in:
codecalm
2019-12-21 16:54:47 +01:00
parent 28bf12a6ab
commit fa80d6128a
12 changed files with 27 additions and 13 deletions
+4 -2
View File
@@ -1,11 +1,13 @@
{% assign current-page = page.menu | default: layout.menu | split: '.' %}
{{ current-page }}
<ul class="sidebar-nav">
<li class="sidebar-nav-title">Navigation</li>
{% for level-1 in site.data.menu %}
<li class="sidebar-nav-item">
<a href="{% if level-1[1].children %}#{% else %}{{ site.base }}/{{ level-1[1].url }}{% endif %}" class="sidebar-nav-link{% if level-1[0] == current-page[0] and current-page.size == 1 %} active{% endif %}" {% if level-1[1].children %}data-toggle="collapse" data-target="#sidebar-menu-{{ level-1[0] }}"{% endif %}>
<a{% unless level-1[1].children %} href="{{ site.base }}/{{ level-1[1].url }}"{% endunless %} class="sidebar-nav-link{% if level-1[0] == current-page[0] and current-page.size == 1 %} active{% endif %}" {% if level-1[1].children %}data-toggle="collapse" data-target="#sidebar-menu-{{ level-1[0] }}"{% if level-1[0] == current-page[0] %} aria-expanded="true"{% endif %}{% endif %}>
{% if level-1[1].icon %}
{% assign icon = level-1[1].icon %}
{% include ui/icon.html icon=icon class="nav-icon" %}
@@ -25,7 +27,7 @@
</a>
{% if level-1[1].children %}
<ul class="sidebar-subnav collapse" id="sidebar-menu-{{ level-1[0] }}">
<ul class="sidebar-subnav collapse{% if level-1[0] == current-page[0] %} show{% endif %}" id="sidebar-menu-{{ level-1[0] }}">
{% for level-2 in level-1[1].children %}
<li class="sidebar-nav-item">
<a href="{{ site.base }}/{{ level-2[1].url }}" class="sidebar-nav-link{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] and current-page.size == 2 %} active{% endif %}">
+1 -1
View File
@@ -17,7 +17,7 @@
{% if page.page-title-description %}
<div class="col-auto">
<div class="text-muted text-h5">{{ page.page-title-description }}</div>
<div class="text-muted text-h5 mt-2">{{ page.page-title-description }}</div>
</div>
{% endif %}