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
Publish Fast Tabler Docker image / build-and-push-fast (push) Successful in 1m50s
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user