fix(helpdesk): wrap team ticket tables in scroll container for responsive

Table keeps its fixed column widths and becomes horizontally scrollable
on narrow viewports instead of breaking the layout.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-05 19:52:52 +02:00
parent b028ecf0be
commit bc0e4e64a8
2 changed files with 8 additions and 1 deletions

View File

@@ -145,6 +145,11 @@
display: none; display: none;
} }
.helpdesk-team-table-scroll {
overflow-x: auto;
}
.helpdesk-team-widget > .helpdesk-team-table-scroll > .helpdesk-team-ticket-table,
.helpdesk-team-widget > .helpdesk-team-ticket-table { .helpdesk-team-widget > .helpdesk-team-ticket-table {
border: none; border: none;
border-radius: 0; border-radius: 0;

View File

@@ -152,7 +152,9 @@ if (container) {
const tbody = h('tbody'); const tbody = h('tbody');
for (const t of tickets) tbody.appendChild(buildTicketRow(t)); for (const t of tickets) tbody.appendChild(buildTicketRow(t));
table.appendChild(tbody); table.appendChild(tbody);
section.appendChild(table); const scrollWrap = h('div', 'helpdesk-team-table-scroll');
scrollWrap.appendChild(table);
section.appendChild(scrollWrap);
} }
return section; return section;