refactor(ServerSidebar): enhance text handling in filters for improved readability and layout consistency
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m50s

This commit is contained in:
2026-02-16 19:21:40 +07:00
parent 75d2366462
commit 9784ec581e
2 changed files with 9 additions and 2 deletions
+7
View File
@@ -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) {
@@ -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}