fix(export): hide duplicate session table scrollbar

This commit is contained in:
aits2026
2026-03-10 14:39:23 +08:00
parent 24c47c3aa3
commit 0f3ecdc4ee
2 changed files with 136 additions and 126 deletions

View File

@@ -1717,6 +1717,7 @@
} }
.table-wrap { .table-wrap {
--contacts-native-scrollbar-compensation: 18px;
--contacts-row-height: 76px; --contacts-row-height: 76px;
--contacts-default-visible-rows: 10; --contacts-default-visible-rows: 10;
--contacts-default-list-height: calc(var(--contacts-row-height) * var(--contacts-default-visible-rows)); --contacts-default-list-height: calc(var(--contacts-row-height) * var(--contacts-default-visible-rows));
@@ -1740,12 +1741,19 @@
} }
.table-wrap { .table-wrap {
.table-scroll-shell {
overflow: hidden;
}
.table-scroll-viewport { .table-scroll-viewport {
min-height: 0; min-height: 0;
overflow-x: auto; overflow-x: auto;
overflow-y: visible; overflow-y: visible;
scrollbar-width: none; scrollbar-width: none;
-ms-overflow-style: none;
background: var(--bg-secondary); background: var(--bg-secondary);
padding-bottom: var(--contacts-native-scrollbar-compensation);
margin-bottom: calc(-1 * var(--contacts-native-scrollbar-compensation));
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;

View File

@@ -6371,6 +6371,7 @@ function ExportPage() {
</div> </div>
</div> </div>
<div className="table-scroll-shell">
<div <div
ref={contactsHorizontalViewportRef} ref={contactsHorizontalViewportRef}
className="table-scroll-viewport" className="table-scroll-viewport"
@@ -6504,6 +6505,7 @@ function ExportPage() {
)} )}
</div> </div>
</div> </div>
</div>
{hasFilteredContacts && hasContactsHorizontalOverflow && ( {hasFilteredContacts && hasContactsHorizontalOverflow && (
<div <div