ant-design / ant-design/pro-components

🐛[BUG] 混合模式下,colorBgMenuItemCollapsedElevated设置不生效

Open
#8,095 6 comments 1 reaction 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

### 🐛 bug 描述

image

混合模式下更改侧边栏背景色,当侧边栏收起后,鼠标滑过的浮层2级菜单背景色没有更改成功,仍然是白色。
`colorBgMenuItemCollapsedElevated`配置没有生效。

### 📷 复现步骤

sider配置
```
sider: {
colorMenuBackground: '#001529',
colorBgMenuItemCollapsedElevated: '#001529',
colorBgMenuItemActive: '#001529',
colorTextMenuTitle: '#fff',
colorTextMenu: '#fff',
// colorTextMenuSecondary: '#fff',
colorTextMenuActive: '#fff',
colorTextMenuSelected: '#fff',
colorTextMenuItemHover: '#fff',
colorBgMenuItemHover: LIGHT_BLUE,
colorBgMenuItemSelected: LIGHT_BLUE,
}
```
### 🏞 期望结果

image

### 💻 复现代码

### © 版本信息

- ProComponents 版本: @ant-design/pro-components": "^2.6.46"
- umi 版本 "@umijs/max": "^4.0.52"
- 浏览器环境 edge 最新版
- 开发环境 [e.g. mac OS]

### 🚑 其他信息

Contributor guide

Open the contributing guide

Research direction

No source file, test, or runnable reproduction is identified in the issue. Start by reproducing the mixed-mode collapsed-sidebar menu behavior with the listed sider configuration, then trace the menu theme handling for the elevated submenu background. Done means the configured color is applied to the hover overlay’s level-two menu.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
40/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.