cherry-markdown 0.11.7 → 0.11.8

package/dist/cherry-markdown.css

@@ -108,6 +108,7 @@
   --toolbar-split-color: var(--base-border-color);
   --toolbar-min-height: 48px;
   --sidebar-list-height: 120px;
+  --toolbar-icon-size: 14px;
   --toolbar-btn-color: #3f4a56;
   --toolbar-btn-bg: transparent;
   --toolbar-btn-hover-color: var(--primary-color);
@@ -4360,7 +4361,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 
 .cherry-markdown .cherry-timeline--item:hover .cherry-timeline--node {
   transform: scale(1.15);
-  animation: cherry-timeline-glow 1.8s ease-in-out infinite;
 }
 
 .cherry-markdown .cherry-timeline--content {
@@ -4411,8 +4411,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 
 /* ---------- 状态：已完成 ---------- */
 .cherry-markdown .cherry-timeline--item__done .cherry-timeline--node {
-  --timeline-glow-color: rgba(64, 192, 87, 0.35);
-  --timeline-glow-color-fade: rgba(64, 192, 87, 0);
   background: var(--timeline-done-color, var(--color-success));
   border-color: var(--timeline-done-color, var(--color-success));
 }
@@ -4422,12 +4420,12 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   background: rgba(64, 192, 87, 0.1);
 }
 
-/* ---------- 状态：进行中（hover 脉冲光晕） ---------- */
+/* ---------- 状态：进行中（脉冲 + 主色时间戳） ---------- */
 .cherry-markdown .cherry-timeline--item__doing .cherry-timeline--node {
-  --timeline-glow-color: rgba(53, 130, 251, 0.35);
-  --timeline-glow-color-fade: rgba(53, 130, 251, 0);
   background: var(--timeline-doing-color, var(--primary-color));
   border-color: var(--timeline-doing-color, var(--primary-color));
+  box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 6px var(--timeline-doing-shadow-color, rgba(53, 130, 251, 0.18));
+  animation: cherry-timeline-pulse 1.8s ease-in-out infinite;
 }
 
 .cherry-markdown .cherry-timeline--item__doing .cherry-timeline--time {
@@ -4439,29 +4437,25 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   color: var(--timeline-doing-color, var(--primary-color));
 }
 
-@keyframes cherry-timeline-glow {
+@keyframes cherry-timeline-pulse {
   0% {
-    box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 3px var(--timeline-glow-color, rgba(53, 130, 251, 0.35));
+    box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 3px var(--timeline-doing-pulse-from, rgba(53, 130, 251, 0.35));
   }
   70% {
-    box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 10px var(--timeline-glow-color-fade, rgba(53, 130, 251, 0));
+    box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 10px var(--timeline-doing-pulse-to, rgba(53, 130, 251, 0));
   }
   100% {
-    box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 10px var(--timeline-glow-color-fade, rgba(53, 130, 251, 0));
+    box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 10px var(--timeline-doing-pulse-to, rgba(53, 130, 251, 0));
   }
 }
 /* ---------- 状态：待办 ---------- */
 .cherry-markdown .cherry-timeline--item__todo .cherry-timeline--node {
-  --timeline-glow-color: rgba(134, 142, 150, 0.25);
-  --timeline-glow-color-fade: rgba(134, 142, 150, 0);
   background: var(--timeline-todo-bg, var(--base-previewer-bg));
   border-color: var(--timeline-todo-color, var(--oc-gray-5));
 }
 
 /* ---------- 状态：里程碑（菱形） ---------- */
 .cherry-markdown .cherry-timeline--item__milestone .cherry-timeline--node {
-  --timeline-glow-color: rgba(250, 173, 20, 0.4);
-  --timeline-glow-color-fade: rgba(250, 173, 20, 0);
   /* 与普通节点保持相同的 left 值，确保菱形中心与时间轴主干对齐 */
   width: 14px;
   height: 14px;
@@ -4471,6 +4465,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   border-color: var(--timeline-milestone-color, var(--oc-yellow-6));
   border-radius: 2px;
   transform: rotate(45deg);
+  box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 8px var(--timeline-milestone-color, rgba(250, 173, 20, 0.5));
 }
 
 .cherry-markdown .cherry-timeline--item__milestone:hover .cherry-timeline--node {
@@ -4489,8 +4484,6 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 
 /* ---------- 状态：异常 ---------- */
 .cherry-markdown .cherry-timeline--item__error .cherry-timeline--node {
-  --timeline-glow-color: rgba(255, 77, 79, 0.35);
-  --timeline-glow-color-fade: rgba(255, 77, 79, 0);
   background: var(--timeline-error-color, var(--color-error));
   border-color: var(--timeline-error-color, var(--color-error));
 }
@@ -4521,7 +4514,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   .cherry-markdown .cherry-timeline--item__milestone .cherry-timeline--node {
     transform: rotate(45deg);
   }
-  .cherry-markdown .cherry-timeline--item:hover .cherry-timeline--node {
+  .cherry-markdown .cherry-timeline--item__doing .cherry-timeline--node {
     animation: none;
   }
 }
@@ -4538,7 +4531,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   .cherry-markdown .cherry-timeline--item:hover .cherry-timeline--content {
     transform: none;
   }
-  .cherry-markdown .cherry-timeline--item:hover .cherry-timeline--node {
+  .cherry-markdown .cherry-timeline--item__doing .cherry-timeline--node {
     animation: none;
   }
   /* 打印时确保时间线段（每个 item 的 ::before）可见 */
@@ -6143,8 +6136,19 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   color: var(--dropdown-item-active-color);
 }
 .cherry-dropdown-item .ch-icon {
+  display: inline-block;
+  width: var(--toolbar-icon-size);
+  height: var(--toolbar-icon-size);
+  line-height: var(--toolbar-icon-size);
+  font-size: var(--toolbar-icon-size);
+  text-align: center;
+  vertical-align: middle;
   margin-right: 8px;
+  overflow: visible;
+}
+.cherry-dropdown-item .ch-icon::before {
   vertical-align: middle;
+  line-height: var(--toolbar-icon-size);
 }
 .cherry-dropdown-separator {
   height: 1px;
@@ -6235,6 +6239,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   color: var(--toolbar-btn-color);
   background: var(--toolbar-btn-bg);
   border-radius: var(--toolbar-btn-radius);
+  line-height: 1;
   -webkit-transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
   transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
   cursor: pointer;
@@ -6244,6 +6249,26 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   color: var(--toolbar-btn-hover-color);
   background: var(--toolbar-btn-hover-bg);
 }
+.cherry-toolbar-button > i.ch-icon {
+  display: inline-block;
+  width: var(--toolbar-icon-size);
+  height: var(--toolbar-icon-size);
+  line-height: var(--toolbar-icon-size);
+  font-size: var(--toolbar-icon-size);
+  text-align: center;
+  flex-shrink: 0;
+  overflow: visible;
+}
+.cherry-toolbar-button > i.ch-icon::before {
+  vertical-align: middle;
+  line-height: var(--toolbar-icon-size);
+}
+.cherry-toolbar-button > svg {
+  display: block;
+  width: var(--toolbar-icon-size);
+  height: var(--toolbar-icon-size);
+  flex-shrink: 0;
+}
 .cherry-toolbar-button.cherry-toolbar-split {
   font-size: 0;
   height: 19px;