tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): 工作区布局 - 账户中心浮层改不透明并与影策展开一致

Browse Source 
- 根因：AntD 6 Popover 背景容器类已由 .ant-popover-inner 改为 .ant-popover-container，全局浮层覆盖规则未命中；且主题 token colorBgElevated 为 0.96 半透明，主区账户中心展开因此透出下层内容\n- 主题唯一源：elevatedBackground 深浅主题均改为不透明（alpha 1），所有 AntD 浮层（popover/dropdown/select/modal）不再半透明，与侧栏切换器浮层实底背景一致\n- 全局覆盖适配 AntD 6：.ant-popover-inner -> .ant-popover-container（背景/边框/圆角/去阴影），.ant-popover-inner-content 分隔线 -> .ant-popover-content
This commit is contained in:
sikongyue
2026-08-20 00:48:27 +08:00
parent 73e38280a5
commit 46c3d51dcb
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/lib/app-theme.ts
View File

@@ -57,7 +57,8 @@ const controlTheme = {
export function getAntThemeConfig(dark: boolean): ThemeConfig {
const color = dark ? controlTheme.dark : controlTheme.light;
const elevatedBackground = dark ? "rgba(31, 31, 32, 0.96)" : "rgba(255, 255, 255, 0.96)";
// 浮层背景必须不透明（0.96 会透出下层内容）；与侧栏切换器等自定义浮层的实底背景保持一致
const elevatedBackground = dark ? "rgba(31, 31, 32, 1)" : "rgba(255, 255, 255, 1)";
const subtleBackground = dark ? "rgba(255, 255, 255, 0.055)" : "rgba(17, 17, 17, 0.035)";
const interactiveBorder = dark ? "rgba(255, 255, 255, 0.18)" : "rgba(17, 17, 17, 0.18)";
// 黑白主题使用边框表达焦点，避免输入控件周围出现蓝紫色光圈。

10
web/src/styles/globals.css
View File

@@ -982,7 +982,7 @@
body.app-spatial-overlays :where(
.ant-dropdown-menu,
.ant-select-dropdown,
.ant-popover-inner,
.ant-popover-container,
.ant-picker-dropdown .ant-picker-panel-container,
.ant-cascader-menus,
.ant-mentions-dropdown,
@@ -1001,12 +1001,12 @@
background: var(--workspace-overlay-bg-strong) !important;
}
body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-inner, .ant-cascader-menus, .ant-mentions-dropdown) {
body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-container, .ant-cascader-menus, .ant-mentions-dropdown) {
border-radius: 8px !important;
}
/* 展开菜单（下拉/弹出）取消阴影：层级由边框 + 背景对比表达 */
body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-inner, .ant-cascader-menus, .ant-mentions-dropdown) {
body.app-spatial-overlays :where(.ant-dropdown-menu, .ant-select-dropdown, .ant-popover-container, .ant-cascader-menus, .ant-mentions-dropdown) {
box-shadow: none !important;
}
@@ -1042,8 +1042,8 @@
body.app-spatial-overlays :where(
.ant-dropdown-menu-item-divider,
.ant-popover-inner-content > .border-b,
.ant-popover-inner-content > .border-y,
.ant-popover-content > .border-b,
.ant-popover-content > .border-y,
.ant-modal-header,
.ant-modal-footer,
.ant-drawer-header