From 2ef69f0894df964574974f49d2087ba38e034471 Mon Sep 17 00:00:00 2001
From: razonyang <razonyang@gmail.com>
Date: Sun, 29 Jan 2023 13:50:59 +0800
Subject: [PATCH] style: footer menu

---
 assets/main/scss/_footer.scss     |  4 ++++
 layouts/partials/footer/menu.html | 16 ++++++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/assets/main/scss/_footer.scss b/assets/main/scss/_footer.scss
index e0da9b4ae..cbdaf0ca5 100644
--- a/assets/main/scss/_footer.scss
+++ b/assets/main/scss/_footer.scss
@@ -2,4 +2,8 @@
     .social-link {
         font-size: 1.5em;
     }
+
+    .nav-link {
+        text-overflow: ellipsis;
+    }
 }
diff --git a/layouts/partials/footer/menu.html b/layouts/partials/footer/menu.html
index 3121cebe9..e65a78e1c 100644
--- a/layouts/partials/footer/menu.html
+++ b/layouts/partials/footer/menu.html
@@ -5,21 +5,21 @@
   <li class="nav-item col-12 col-md-6 col-lg-3 px-0">
     {{- if .HasChildren -}}
     <ul class="nav flex-column align-items-start">
-      <li class="nav-item">
+      <li class="nav-item w-100">
       {{- template "footer-menu-item" (dict "item" . "class" "nav-link fw-bold fs-lg") -}}
       </li>
       {{- range .Children -}}
         {{- if .Params.divider -}}
         <li><hr class="dropdown-divider"></li>
         {{- else -}}
-        <li class="nav-item">
+        <li class="nav-item w-100">
           {{- template "footer-menu-item" (dict "item" .) -}}
         </li>
         {{- end -}}
       {{- end -}}
     </ul>
     {{- else -}}
-    <li class="nav-item">
+    <li class="nav-item w-100">
       {{- template "footer-menu-item" (dict "item" .) -}}
     </li>
     {{- end -}}
@@ -29,10 +29,14 @@
 {{- end -}}
 
 {{- define "footer-menu-item" -}}
-{{- $class := default "nav-link" .class -}}
+{{- $class := default "nav-link text-nowrap overflow-hidden" .class -}}
+{{- $title := partial "helpers/menu-name" .item }}
 {{- if .item.URL -}}
-<a class="{{ $class }}" href="{{ .item.URL }}"{{ if not .item.Page }} target="_blank" rel="noopener noreferrer"{{ end }}>{{ partial "helpers/menu-name" .item }}</a>
+<a class="{{ $class }}" title="{{ $title }}"
+  href="{{ .item.URL }}"{{ if not .item.Page }} target="_blank" rel="noopener noreferrer"{{ end }}>
+  {{- $title -}}
+</a>
 {{- else -}}
-<a class="{{ $class }}" href="javascript: void(0);">{{ partial "helpers/menu-name" .item }}</a>
+<a class="{{ $class }}" href="javascript: void(0);">{{ $title }}</a>
 {{- end -}}
 {{- end -}}