修复: 对话列表脉冲点样式错位(vertical-align/margin-left 冲突)

CR-14 多会话脉冲点 .ai-conv-gen-dot vertical-align:middle 在 inline-flex 父内无效
+ margin-left:4px 与父 gap:3px 叠加(间距 7px 不一致)+ 脉冲点可能被 ellipsis 挤出。
- 移除 vertical-align:middle(flex 用 align-items center)+ margin-left:4px(用父 gap 统一)
- .ai-conv-item-title 加 min-width:0(允许 flex 收缩,脉冲点 flex-shrink:0 不被 ellipsis 挤出)

深入分析(Explore agent)另发现 MEDIUM/LOW(搜索缺 --flash 动画/置顶 hover 才可见/归档缺重命名提示),
属交互一致性非样式错乱,本次只修脉冲点 HIGH,余项按需后续。
This commit is contained in:
2026-06-19 23:50:27 +08:00
parent 70de99ae77
commit 5c395f4825

View File

@@ -779,6 +779,7 @@ body.ai-sidebar-resizing * {
display: inline-flex;
align-items: center;
gap: 3px;
min-width: 0;
}
/* UX-2025-20 §7.4: AI 生成标题淡入(0.3s opacity + transform 过渡) */
.ai-conv-item-title--flash {
@@ -815,8 +816,6 @@ body.ai-sidebar-resizing * {
height: 6px;
border-radius: 50%;
background: var(--df-primary, #4f8cff);
margin-left: 4px;
vertical-align: middle;
flex-shrink: 0;
animation: ai-conv-gen-pulse 1.4s ease-in-out infinite;
}