From 9784ec581e3f51381b9cf601b81573f1f39f593a Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Mon, 16 Feb 2026 19:21:40 +0700
Subject: [PATCH] refactor(ServerSidebar): enhance text handling in filters for
 improved readability and layout consistency

---
 frontend/src/App.css                             | 7 +++++++
 frontend/src/components/server/ServerSidebar.jsx | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index f72809a..742f336 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -328,6 +328,13 @@
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
+/* Полные названия в фильтрах (без обрезания), перенос по словам */
+.server-sidebar .list-group-item .text-break,
+#server-filters-offcanvas .list-group-item span:first-of-type span {
+  word-break: break-word;
+  white-space: normal;
+  min-width: 0;
+}
 
 /* Responsive navbar */
 @media (max-width: 991.98px) {
diff --git a/frontend/src/components/server/ServerSidebar.jsx b/frontend/src/components/server/ServerSidebar.jsx
index 71d248a..563782c 100644
--- a/frontend/src/components/server/ServerSidebar.jsx
+++ b/frontend/src/components/server/ServerSidebar.jsx
@@ -54,9 +54,9 @@ function FilterItem({ label, count, active, onClick, leftAddon }) {
       className={`list-group-item list-group-item-action d-flex align-items-center justify-content-between py-2 px-3 text-start ${active ? 'active' : ''}`}
       onClick={onClick}
     >
-      <span className="d-flex align-items-center text-truncate">
+      <span className="d-flex align-items-center min-w-0 flex-grow-1" style={{ overflow: 'hidden' }}>
         {leftAddon}
-        <span className="text-truncate">{label}</span>
+        <span className="text-break" style={{ wordBreak: 'break-word' }}>{label}</span>
       </span>
       <span className={`badge ms-2 flex-shrink-0 ${active ? 'bg-white text-primary' : 'bg-secondary-lt text-secondary'}`}>
         {count}