hicccc77/WeFlow
1
0
Fork 0
mirror of https://github.com/hicccc77/WeFlow.git synced 2026-04-24 15:09:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

修复了导出页额外的滑块

Browse Source
This commit is contained in:
xuncha
2026-04-24 22:31:48 +08:00
parent 255b857e67
commit b75de26178
1 changed files with 6 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/pages/ExportPage.scss
View File

@@ -1915,14 +1915,14 @@
--contacts-select-col-width: 34px; --contacts-select-col-width: 34px;
--contacts-avatar-col-width: 44px; --contacts-avatar-col-width: 44px;
--contacts-inline-padding: 12px; --contacts-inline-padding: 12px;
--contacts-column-gap: 12px; --contacts-column-gap: 10px;
--contacts-name-text-width: 10em; --contacts-name-text-width: 9.5em;
--contacts-main-col-width: calc(var(--contacts-avatar-col-width) + var(--contacts-column-gap) + var(--contacts-name-text-width)); --contacts-main-col-width: calc(var(--contacts-avatar-col-width) + var(--contacts-column-gap) + var(--contacts-name-text-width));
--contacts-left-sticky-width: calc(var(--contacts-select-col-width) + var(--contacts-main-col-width) + var(--contacts-column-gap)); --contacts-left-sticky-width: calc(var(--contacts-select-col-width) + var(--contacts-main-col-width) + var(--contacts-column-gap));
--contacts-message-col-width: 120px; --contacts-message-col-width: 104px;
--contacts-media-col-width: 72px; --contacts-media-col-width: 66px;
--contacts-action-col-width: 140px; --contacts-action-col-width: 140px;
--contacts-actions-sticky-width: 240px; --contacts-actions-sticky-width: 180px;
--contacts-table-min-width: 1240px; --contacts-table-min-width: 1240px;
overflow: hidden; overflow: hidden;
border: none; border: none;
@@ -2197,22 +2197,8 @@
gap: 10px; gap: 10px;
flex-wrap: nowrap; flex-wrap: nowrap;
flex-shrink: 0; flex-shrink: 0;
position: sticky;
right: 0;
z-index: 13;
background: var(--contacts-header-bg); background: var(--contacts-header-bg);
white-space: nowrap; white-space: nowrap;
&::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -8px;
width: 8px;
pointer-events: none;
background: linear-gradient(to right, transparent, var(--contacts-header-bg));
}
} }
.contacts-list { .contacts-list {
@@ -2396,7 +2382,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--contacts-column-gap); gap: var(--contacts-column-gap);
padding: 12px 6px 12px var(--contacts-inline-padding); padding: 12px var(--contacts-inline-padding);
min-width: max(100%, var(--contacts-table-min-width)); min-width: max(100%, var(--contacts-table-min-width));
height: 72px; height: 72px;
box-sizing: border-box; box-sizing: border-box;
@@ -2801,22 +2787,8 @@
width: var(--contacts-actions-sticky-width); width: var(--contacts-actions-sticky-width);
min-width: var(--contacts-actions-sticky-width); min-width: var(--contacts-actions-sticky-width);
flex-shrink: 0; flex-shrink: 0;
position: sticky;
right: 0;
z-index: 10;
background: var(--contacts-row-bg); background: var(--contacts-row-bg);
&::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -9px;
width: 9px;
pointer-events: none;
background: linear-gradient(to right, transparent, var(--contacts-row-bg));
}
.row-action-main { .row-action-main {
display: inline-flex; display: inline-flex;
align-items: flex-start; align-items: flex-start;