fix: Correct highlighting for nav pages

AgoraNomic · Feb 10, 2025 · 4afc715 · 4afc715
1 parent 8665c7f
commit 4afc715
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -1,10 +1,17 @@
 <div class="container">
   <nav class="main-nav">
     <ul class="main-menu">
+      {%- assign last_url_char = site.baseurl | slice: -1,1 -%}
+      {%- if last_url_char == "/" -%}
+      {%- assign page_url = site.baseurl | remove_last: "/" | append: page.url -%}
+      {%- else -%}
+      {%- assign page_url = site.baseurl | append: page.url -%}
+      {%- -%}
+      {%- endif -%}
       {%- for item in site.data.nav %}
       <li class="main-menu-entry-container">
         {%- if item.url -%}
-        <a class="main-menu-entry {%- if item.url == page.url %} active{% endif %}" href="{{ item.url }}">{{ item.label
+        <a class="main-menu-entry {%- if item.url == page_url %} active{% endif %}" href="{{ item.url }}">{{ item.label
           }}</a>
         {%- else -%}
         <div class="main-menu-entry">{{ item.label }}</div>
@@ -14,7 +21,7 @@
         <ul class="submenu">
           {%- for subitem in item.pages if subitem.url %}
           <li>
-            <a class="{% if subitem.url == page.url %}active{% endif %}" href="{{ subitem.url }}">{{ subitem.label
+            <a class="{% if subitem.url == page_url %}active{% endif %}" href="{{ subitem.url }}">{{ subitem.label
               }}</a>
           </li>
           {%- endfor %}