Skip to content

Commit 43d9547

Browse files
000-777: extra level navi
1 parent 338b84f commit 43d9547

File tree

1 file changed

+10
-14
lines changed

1 file changed

+10
-14
lines changed

_includes/header.html

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -15,14 +15,11 @@
1515
{% if site.data.navigation %}
1616
{% for item in site.data.navigation %}
1717
{% if item.dropdown %}
18-
<!-- First-level dropdown (open on click) -->
19-
<div class="navbar-item has-dropdown" :class="{ 'is-active': item.isActive }" x-data="{ open: false }">
20-
<a href="{{ item.link | relative_url }}" class="navbar-link {% if page.url contains item.link %}is-active{% endif %}" @click.prevent="open = !open">
21-
{{ item.name }}
22-
</a>
23-
<div class="navbar-dropdown" x-show="open" @click.outside="open = false" style="display: none;">
18+
<div class="navbar-item has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
19+
<a href="{{ item.link | relative_url }}" class="navbar-link {% if page.url contains item.link %}is-active{% endif %}">{{ item.name }}</a>
20+
<div class="navbar-dropdown">
2421
{% for subitem in item.dropdown %}
25-
{% if subitem.dropdown %}
22+
{% if subitem.dropdown %}
2623
<!-- Second-level dropdown (hoverable) -->
2724
<div class="navbar-item has-dropdown is-hoverable">
2825
<a href="{{ subitem.link | relative_url }}" class="navbar-link">{{ subitem.name }}</a>
@@ -33,26 +30,25 @@
3330
</div>
3431
</div>
3532
{% else %}
36-
<a href="{{ subitem.link | relative_url }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>
37-
{% endif %}
33+
<a href="{{ subitem.link | relative_url }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>
34+
{% endif %}
3835
{% endfor %}
3936
</div>
4037
</div>
4138
{% else %}
42-
<!-- Non-dropdown first-level link -->
4339
<a href="{{ item.link | relative_url }}" class="navbar-item {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
4440
{% endif %}
4541
{% endfor %}
4642
{% endif %}
4743
</div>
48-
49-
5044
<div class="navbar-end">
51-
<a href=""><img src="../../../../flag.png" /></a>
45+
<a href=""><img src="../../../../flag.png"/></a>
5246
<a class="navbar-item" href="#">
53-
<i class="fas fa-icon-name"></i>
47+
<i class="fas fa-icon-name"></i>
5448
</a>
5549
</div>
50+
51+
5652
</div>
5753
</div>
5854
</nav>

0 commit comments

Comments
 (0)