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:
@@ -145,6 +145,11 @@
|
||||
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 {
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
|
||||
@@ -152,7 +152,9 @@ if (container) {
|
||||
const tbody = h('tbody');
|
||||
for (const t of tickets) tbody.appendChild(buildTicketRow(t));
|
||||
table.appendChild(tbody);
|
||||
section.appendChild(table);
|
||||
const scrollWrap = h('div', 'helpdesk-team-table-scroll');
|
||||
scrollWrap.appendChild(table);
|
||||
section.appendChild(scrollWrap);
|
||||
}
|
||||
|
||||
return section;
|
||||
|
||||
Reference in New Issue
Block a user