From 5701a3c897d32eeb432cbc7000d68ade46559ec2 Mon Sep 17 00:00:00 2001 From: yiliang114 <1204183885@qq.com> Date: Thu, 4 Dec 2025 01:54:07 +0800 Subject: [PATCH] refactor(vscode-ide-companion): update timeline CSS files - Replace MergedSimpleTimeline.css with SimpleTimeline.css - Update timeline styling for tool calls and messages --- .../toolcalls/shared/SimpleTimeline.css | 55 +++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 packages/vscode-ide-companion/src/webview/components/toolcalls/shared/SimpleTimeline.css diff --git a/packages/vscode-ide-companion/src/webview/components/toolcalls/shared/SimpleTimeline.css b/packages/vscode-ide-companion/src/webview/components/toolcalls/shared/SimpleTimeline.css new file mode 100644 index 00000000..ae3829b2 --- /dev/null +++ b/packages/vscode-ide-companion/src/webview/components/toolcalls/shared/SimpleTimeline.css @@ -0,0 +1,55 @@ +/** + * @license + * Copyright 2025 Qwen Team + * SPDX-License-Identifier: Apache-2.0 + * + * Simplified timeline styles for tool calls and messages + * Merged version of both SimpleTimeline.css files + */ + +/* Basic timeline container */ +.simple-toolcall-container, +.simple-timeline-container { + position: relative; + padding-left: 30px; + padding-top: 8px; + padding-bottom: 8px; +} + +/* Timeline connector - simple version */ +.simple-toolcall-container::after, +.simple-timeline-container::after { + content: ''; + position: absolute; + left: 12px; + top: 0; + bottom: 0; + width: 1px; + background-color: var(--app-primary-border-color); +} + +/* First item connector starts lower */ +.simple-toolcall-container:first-child::after, +.simple-timeline-container:first-child::after { + top: 24px; +} + +/* Last item connector ends higher */ +.simple-toolcall-container:last-child::after, +.simple-timeline-container:last-child::after { + height: calc(100% - 24px); + top: 0; + bottom: auto; +} + +/* Bullet point */ +.simple-toolcall-container::before, +.simple-timeline-container::before { + content: '\25cf'; + position: absolute; + left: 8px; + padding-top: 2px; + font-size: 10px; + color: var(--app-secondary-foreground); + z-index: 2; +} \ No newline at end of file