Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

feat: enhance navigation menu and improve layout for better user experience

Browse Source
This commit is contained in:
codecalm
2025-04-19 14:25:43 +02:00
parent 9069dcba54
commit a922c1f226
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
shared/includes/docs/menu.html
View File

@@ -1,19 +1,19 @@
{% assign menu = collections.docs | collection-tree %}
<nav class="space-y" id="menu">
<nav class="space-y space-y-5" id="menu">
{% for level1 in menu %}
<div>
<div class="subheader mb-2">
{{ level1.data.title }}
</div>
{% if level1.children %}
<nav class="nav nav-vertical nav-pills">
<nav class="nav nav-vertical">
{% for level2 in level1.children %}
<div>
<a class="nav-link{% if page.url == level2.url %} active{% endif %}"{% if level2.children %} href="{{ level2.url }}" data-bs-toggle="collapse" data-bs-target="#collapse-{{ level2.url | slug }}" aria-expanded="false"{% endif %}>{{ level2.data.title }}</a>
<a class="nav-link{% if page.url contains level2.url %} active{% endif %}"{% if level2.children %} href="{{ level2.url }}" data-bs-toggle="collapse" data-bs-target="#collapse-{{ level2.url | slug }}" aria-expanded="{% if page.url contains level2.url %}true{% else %}false{% endif %}"{% endif %}>{{ level2.data.title }}</a>
{% if level2.children %}
<nav class="nav nav-vertical collapse" id="collapse-{{ level2.url | slug }}">
<nav class="nav nav-vertical collapse{% if page.url contains level2.url %} show{% endif %}" id="collapse-{{ level2.url | slug }}">
{% for level3 in level2.children %}
<div>
<a class="nav-link{% if page.url == level3.url %} active{% endif %}" href="{{ level3.url }}">{{ level3.data.title }}</a>

6
shared/layouts/docs/default.html
View File

@@ -35,9 +35,9 @@
<div class="flex-fill h-full">
<div class="container h-full">
<div class="row g-0 h-full">
<div class="col-docs h-full d-none d-lg-block border-end">
<div class="py-4 h-full">
<div class="space-y h-full">
<div class="col-docs d-none d-lg-block border-end">
<div class="py-4">
<div class="space-y">
<div class="nav nav-vertical nav-pills">
{% for link in docs-links %}
<a href="{{ link.url }}" class="nav-link" target="_blank">