diff --git a/web/src/index.css b/web/src/index.css index 3070e8a..9cb51b7 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -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 {