hugo-theme-terminal

commit bad04345470feb70dd89ed007b53d8921d7dd035
parent 502f1cb9369fb0ed677522fc48711e4f9954d729
Author: lou woell <lou@repetitions.de>
Date:   Fri, 25 Sep 2026 22:32:18 +0200

use div instread of ul for menu

improves rendering on text-only browsers / limited css

Diffstat:
M
assets/css/menu.css
 | 
18
++++++------------
M
layouts/_partials/menu.html
 | 
10
+++++-----

2 files changed, 11 insertions(+), 17 deletions(-)
diff --git a/assets/css/menu.css b/assets/css/menu.css
@@ -7,14 +7,8 @@
     list-style: none;
 
     > .navigation-menu__inner {
-        display: flex;
-        flex: 1;
-        flex-wrap: wrap;
-        list-style: none;
-        margin: 0;
-        padding: 0;
 
-        > li {
+        > span {
             flex: 0 0 auto;
             margin-bottom: 10px;
             white-space: nowrap;
@@ -25,12 +19,12 @@
 
             }
 
-                > a {
-                    text-decoration: none;
-                    &:hover {
-                        color: var(--accent);
+            > a {
+                text-decoration: none;
+                &:hover {
+                    color: var(--accent);
+                }
             }
-        }
 
         }
     }
diff --git a/layouts/_partials/menu.html b/layouts/_partials/menu.html
@@ -1,13 +1,13 @@
 <nav class="navigation-menu">
-  <ul class="navigation-menu__inner">
+  <div class="navigation-menu__inner">
     {{ if or $.Site.Params.showMenuItems ( eq .Site.Params.showMenuItems 0 ) }}
       {{ range first $.Site.Params.showMenuItems $.Site.Menus.main }}
         {{ if not .HasChildren }}
-          <li><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></li>
+          <span><a href="{{ .URL }}" {{ if .Params.NewTab -}} target="_blank" {{- end }}>{{ .Name }}</a></span>
         {{ end }}
       {{ end }}
       {{ if gt (len $.Site.Menus.main) $.Site.Params.showMenuItems }}
-        <li>
+        <span>
           <ul class="menu">
             <li class="menu__trigger">{{ $.Site.Params.MenuMore }}&nbsp;▾</li>
             <li>
@@ -20,7 +20,7 @@
               </ul>
             </li>
           </ul>
-        </li>
+        </span>
       {{- end }}
     {{- else -}}
       {{- range $.Site.Menus.main }}
@@ -32,5 +32,5 @@
         {{- end }}
       {{- end }}
     {{- end }}
-  </ul>
+  </div>
 </nav>