修复: 对话列表脉冲点样式错位(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:
@@ -779,6 +779,7 @@ body.ai-sidebar-resizing * {
|
|||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 3px;
|
gap: 3px;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
/* UX-2025-20 §7.4: AI 生成标题淡入(0.3s opacity + transform 过渡) */
|
/* UX-2025-20 §7.4: AI 生成标题淡入(0.3s opacity + transform 过渡) */
|
||||||
.ai-conv-item-title--flash {
|
.ai-conv-item-title--flash {
|
||||||
@@ -815,8 +816,6 @@ body.ai-sidebar-resizing * {
|
|||||||
height: 6px;
|
height: 6px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: var(--df-primary, #4f8cff);
|
background: var(--df-primary, #4f8cff);
|
||||||
margin-left: 4px;
|
|
||||||
vertical-align: middle;
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
animation: ai-conv-gen-pulse 1.4s ease-in-out infinite;
|
animation: ai-conv-gen-pulse 1.4s ease-in-out infinite;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user