From bd1040b1530fd50f43466824b7ab67e418268dc2 Mon Sep 17 00:00:00 2001
From: buzz-lightsnack-2007
 <73412182+buzz-lightsnack-2007@users.noreply.github.com>
Date: Tue, 23 Apr 2024 17:07:40 +0800
Subject: [PATCH] Make sure to add ellipsis when width is too small.

---
 styles/fonts/all.css        |  3 +++
 styles/fonts/all.navbar.css | 10 ++++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/styles/fonts/all.css b/styles/fonts/all.css
index 81ca9e2..e32fd9f 100644
--- a/styles/fonts/all.css
+++ b/styles/fonts/all.css
@@ -3,4 +3,7 @@
 
 .collapsible > li > header {
 	font-weight: bold;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
 }
\ No newline at end of file
diff --git a/styles/fonts/all.navbar.css b/styles/fonts/all.navbar.css
index a7e41f9..d670364 100644
--- a/styles/fonts/all.navbar.css
+++ b/styles/fonts/all.navbar.css
@@ -1,4 +1,10 @@
 nav .brand-logo {
-     font-size: 1.25rem !important;
-     font-weight: bold;
+	font-size: 1.25rem !important;
+	font-weight: bold;
+}
+
+nav > span {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
 }
\ No newline at end of file