xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 11 Pull Requests 2 Actions 2 Packages Projects Releases 7 Wiki Activity

[P2][UI] 多个页面 CSS 变量不一致、响应式不足与定位边界问题 #1317

New Issue
Closed
opened 2026-08-09 13:47:55 +08:00 by xiaoxia · 0 comments
xiaoxia commented 2026-08-09 13:47:55 +08:00
Owner
Copy Link
Copy Source

问题汇总

1. 任务中心使用未定义的 CSS 变量

tasks.css 使用了 --bg-surface、--border-primary、--bg-hover、--error-500、--primary-500 等未定义变量
修复：统一替换为设计系统变量

2. 配音克隆 Toast 容器 z-index 过高

voice-clone.css .vc-toast-container z-index:1000, top:80px
修复：统一使用 --z-toast（800）

3. 成片库卡片网格响应式不足

products.css .xx-products-grid 固定4列
修复：添加 1200px->3列断点

4. 配音素材库列表视图横向溢出风险

voice-materials 列表视图 9列 grid 在窄屏下可能溢出
修复：添加 overflow-x: auto + min-width

5. 标题库/素材库 sticky 定位在嵌套滚动容器中可能失效

titles.css .xx-title-category-list 和 assets.css 同样问题
修复：如 sticky 不生效，改为 fixed 或 Intersection Observer

6. 编辑规划器搜索框图标定位依赖父容器

EditingPlanner.css .ep-search-icon 依赖 .ep-search-wrap 的 position:relative
修复：确保始终有 position: relative

优先级

P2 - 后续迭代修复

## 问题汇总 ### 1. 任务中心使用未定义的 CSS 变量 tasks.css 使用了 --bg-surface、--border-primary、--bg-hover、--error-500、--primary-500 等未定义变量 修复：统一替换为设计系统变量 ### 2. 配音克隆 Toast 容器 z-index 过高 voice-clone.css .vc-toast-container z-index:1000, top:80px 修复：统一使用 --z-toast（800） ### 3. 成片库卡片网格响应式不足 products.css .xx-products-grid 固定4列 修复：添加 1200px->3列断点 ### 4. 配音素材库列表视图横向溢出风险 voice-materials 列表视图 9列 grid 在窄屏下可能溢出 修复：添加 overflow-x: auto + min-width ### 5. 标题库/素材库 sticky 定位在嵌套滚动容器中可能失效 titles.css .xx-title-category-list 和 assets.css 同样问题 修复：如 sticky 不生效，改为 fixed 或 Intersection Observer ### 6. 编辑规划器搜索框图标定位依赖父容器 EditingPlanner.css .ep-search-icon 依赖 .ep-search-wrap 的 position:relative 修复：确保始终有 position: relative ## 优先级 P2 - 后续迭代修复
xiaoxia added the bugfrontendP2 labels 2026-08-09 13:47:55 +08:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
P0
阻塞性，必须立即处理
 P1
高优先级
 P2
中优先级
 P3
低优先级/后考虑
 architecture
架构设计
 backend
后端相关
 blocked
阻塞中
 bug
Bug修复
 ci-bug
CI本身的bug
 ci-optimization
CI优化类任务
 ci-pipeline
CI流水线/workflow相关
 cleanup
代码清理
 devops
运维/部署/CI
 documentation
文档相关
 feature
新功能
 frontend
前端相关
 question
需要讨论确认
 ready
PR CI通过，可合并
 refactor
代码重构
No Label P2 bug frontend
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
auto-approve-bot xiaoxia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1317
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?