feat(M3): FR-O2/O3/O4 大纲面板——平滑滚动+闪烁高亮(FR-O2); 编辑器滚动联动高亮当前标题+大纲跟随(FR-O3); 未打开文档占位(FR-O4); editor-shared-store 跨树共享编辑器实例; outline E2E 3 项
This commit is contained in:
@@ -41,6 +41,27 @@ html, body, #root { margin: 0; height: 100%; }
|
||||
/* FR-E11 查找高亮 */
|
||||
.tiptap-wrap .ProseMirror .find-match { background: rgba(255, 213, 79, 0.35); border-radius: 2px; }
|
||||
.tiptap-wrap .ProseMirror .find-match-active { background: rgba(255, 145, 0, 0.65); }
|
||||
|
||||
/* FR-O2:标题闪烁高亮 */
|
||||
@keyframes outline-flash-anim {
|
||||
0% { background: rgba(99, 179, 237, 0.4); }
|
||||
100% { background: transparent; }
|
||||
}
|
||||
.tiptap-wrap .ProseMirror h1.outline-flash,
|
||||
.tiptap-wrap .ProseMirror h2.outline-flash,
|
||||
.tiptap-wrap .ProseMirror h3.outline-flash,
|
||||
.tiptap-wrap .ProseMirror h4.outline-flash,
|
||||
.tiptap-wrap .ProseMirror h5.outline-flash,
|
||||
.tiptap-wrap .ProseMirror h6.outline-flash {
|
||||
animation: outline-flash-anim 1.5s ease-out;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* FR-O3:大纲当前项高亮 */
|
||||
.outline-item-active {
|
||||
background: rgba(99, 179, 237, 0.15) !important;
|
||||
border-left: 2px solid #63b3ed !important;
|
||||
}
|
||||
.tiptap-wrap .ProseMirror blockquote {
|
||||
border-left: 3px solid #444; padding-left: 12px; color: #aaa; margin: 0.6em 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user