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-top: 0.375rem;
|
||||||
padding-bottom: 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 */
|
/* Responsive navbar */
|
||||||
@media (max-width: 991.98px) {
|
@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' : ''}`}
|
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}
|
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}
|
{leftAddon}
|
||||||
<span className="text-truncate">{label}</span>
|
<span className="text-break" style={{ wordBreak: 'break-word' }}>{label}</span>
|
||||||
</span>
|
</span>
|
||||||
<span className={`badge ms-2 flex-shrink-0 ${active ? 'bg-white text-primary' : 'bg-secondary-lt text-secondary'}`}>
|
<span className={`badge ms-2 flex-shrink-0 ${active ? 'bg-white text-primary' : 'bg-secondary-lt text-secondary'}`}>
|
||||||
{count}
|
{count}
|
||||||
|
|||||||
Reference in New Issue
Block a user