diff --git a/src/pages/ExportPage.scss b/src/pages/ExportPage.scss index f38524d..d9c66df 100644 --- a/src/pages/ExportPage.scss +++ b/src/pages/ExportPage.scss @@ -1570,10 +1570,9 @@ .table-wrap { .table-scroll-viewport { - flex: 1; min-height: 0; overflow-x: auto; - overflow-y: hidden; + overflow-y: visible; scrollbar-width: none; &::-webkit-scrollbar { @@ -1583,10 +1582,6 @@ .table-scroll-content { min-width: max(100%, var(--contacts-table-min-width)); - width: max-content; - min-height: 100%; - display: flex; - flex-direction: column; } .session-table-sticky { @@ -1599,6 +1594,7 @@ .loading-state, .empty-state { width: 100%; + min-width: max(100%, var(--contacts-table-min-width)); flex: 1; display: flex; flex-direction: column; @@ -1615,6 +1611,7 @@ .load-issue-state { width: 100%; + min-width: max(100%, var(--contacts-table-min-width)); flex: 1; padding: 14px; overflow-y: auto; @@ -1711,6 +1708,7 @@ align-items: center; gap: 12px; padding: 10px var(--contacts-inline-padding) 8px; + min-width: max(100%, var(--contacts-table-min-width)); border-bottom: 1px solid color-mix(in srgb, var(--border-color) 85%, transparent); background: color-mix(in srgb, var(--bg-primary) 78%, var(--bg-secondary)); font-size: 12px; @@ -1792,6 +1790,7 @@ .contacts-list { width: 100%; + min-width: max(100%, var(--contacts-table-min-width)); flex: 1; min-height: var(--contacts-default-list-height); height: var(--contacts-default-list-height); @@ -1801,6 +1800,7 @@ .contacts-virtuoso { height: 100%; + width: 100%; &::-webkit-scrollbar { width: 6px; @@ -1915,6 +1915,7 @@ align-items: center; gap: 12px; padding: 12px var(--contacts-inline-padding); + min-width: max(100%, var(--contacts-table-min-width)); height: 72px; box-sizing: border-box; border-radius: 10px; diff --git a/src/pages/ExportPage.tsx b/src/pages/ExportPage.tsx index 37c7674..7a8dc3c 100644 --- a/src/pages/ExportPage.tsx +++ b/src/pages/ExportPage.tsx @@ -6366,6 +6366,7 @@ function ExportPage() { className="contacts-virtuoso" data={filteredContacts} computeItemKey={(_, contact) => contact.username} + fixedItemHeight={76} itemContent={renderContactRow} rangeChanged={handleContactsRangeChanged} atTopStateChange={setIsContactsListAtTop}