Fix biz-state profiles table horizontal scrollbar in modal.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-09-22 09:52:51 +08:00
parent 908771baea
commit ef56f33566

View file

@ -11275,24 +11275,38 @@ html.login-page--paused .login-page__flare {
.bs-profiles-table-wrap {
overflow-x: scroll !important;
overflow-y: auto;
overflow-y: auto !important;
max-height: min(58vh, 560px);
/* Keep horizontal scrollbar visible (WebKit). */
scrollbar-gutter: stable both-edges;
max-width: 100%;
/* Keep horizontal scrollbar gutter visible. */
scrollbar-gutter: stable;
scrollbar-width: thin;
scrollbar-color: rgba(148, 163, 184, 0.65) rgba(15, 23, 42, 0.9);
}
.bs-profiles-table-wrap::-webkit-scrollbar {
height: 10px;
height: 12px;
width: 10px;
}
.bs-profiles-table-wrap::-webkit-scrollbar-thumb {
background: rgba(148, 163, 184, 0.45);
.bs-profiles-table-wrap::-webkit-scrollbar-track {
background: rgba(15, 23, 42, 0.9);
border-radius: 6px;
}
.bs-profiles-table-wrap::-webkit-scrollbar-thumb {
background: rgba(148, 163, 184, 0.55);
border-radius: 6px;
border: 2px solid rgba(15, 23, 42, 0.9);
}
.bs-profiles-table-wrap::-webkit-scrollbar-thumb:hover {
background: rgba(148, 163, 184, 0.75);
}
.bs-profiles-table {
min-width: 1280px;
width: max-content;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
@ -14275,6 +14289,29 @@ option {
white-space: nowrap;
}
/* Biz-state profiles: keep wide table + visible H-scroll (overrides modal fill rules). */
.app-heroui-modal .pt-list-table-wrap.bs-profiles-table-wrap {
overflow-x: scroll !important;
overflow-y: auto !important;
max-width: 100%;
width: 100%;
}
.app-heroui-modal .pt-list-table.bs-profiles-table {
width: max-content !important;
min-width: max(100%, 1280px) !important;
table-layout: fixed !important;
}
.app-heroui-modal .pt-list-table.bs-profiles-table th,
.app-heroui-modal .pt-list-table.bs-profiles-table td {
white-space: normal;
}
.app-heroui-modal .pt-list-table.bs-profiles-table .bs-cmd-cell {
white-space: nowrap;
}
/* Last flexible column absorbs leftover width so the table fills the row */
.app-heroui-modal .pt-list-table td.ume-col-error,
.app-heroui-modal .pt-list-table th.ume-col-error {