Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-11 22:02:22 +04:00
Code Issues Projects Releases Wiki Activity

topmenu subnav

Browse Source
This commit is contained in:
chomik
2019-06-01 23:25:43 +02:00
parent 3af6cd5024
commit c081a48fbc
2 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/layout/menu.html
+3 -3
View File
@@ -17,7 +17,7 @@
</span>
</a>
{% if level-1[1].children or level-1[1].docs %}
<div class="collapse{% if level-1[0] == current-page[0] %} show{% endif %}" id="sidebar-{{ level-1[0] }}">
<div class="navbar-subnav collapse{% if level-1[0] == current-page[0] %} show{% endif %}" id="sidebar-{{ level-1[0] }}">
<ul class="nav">
{% if level-1[1].docs %}
@@ -50,7 +50,7 @@
</span>
</a>
{% if level-2[1].children %}
<div class="collapse{% if level-2[0] == current-page[1] %} show{% endif %}" id="sidebar-{{ level-2[0] }}">
<div class="navbar-subnav collapse{% if level-2[0] == current-page[1] %} show{% endif %}" id="sidebar-{{ level-2[0] }}">
<ul class="nav nav-sm flex-column">
{% for level-3 in level-2[1].children %}
<li class="nav-item">
@@ -64,7 +64,7 @@
</a>
{% if level-3[1].children %}
<div class="collapse{% if level-3[0] == current-page[2] %} show{% endif %}" id="sidebar-{{ level-3[0] }}">
<div class="navbar-subnav collapse{% if level-3[0] == current-page[2] %} show{% endif %}" id="sidebar-{{ level-3[0] }}">
<ul class="nav nav-sm flex-column">
{% for level-4 in level-3[1].children %}
<li class="nav-item">
scss/layout/_navbar.scss
+22
View File
@@ -32,12 +32,34 @@
}
}
.nav-item {
position: relative;
}
.navbar-nav {
padding-left: .5rem;
padding-right: .5rem;
}
}
.navbar-subnav {
position: absolute;
top: 100%;
left: 0;
z-index: $zindex-tooltip;
background: #fff;
border: 1px solid $border-color;
border-radius: 3px;
width: 12rem;
font-size: $h5-font-size;
box-shadow: 0 0.5rem 1rem rgba(18, 18, 18, 0.15);
padding: .25rem;
.nav {
flex-direction: column;
}
}
.navbar-brand {
display: flex;
align-items: center;