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;
|
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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user