Skip to content

feat: improve toolbar responsiveness and UI layout #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
cjh-store wants to merge 2 commits into
base: master
Choose a base branch
from
Open

feat: improve toolbar responsiveness and UI layout #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6d01759
feat: improve toolbar responsiveness and UI layout
cjh-store Nov 14, 2025
c2f8439
Merge branch 'Haleclipse:master' into master
cjh-store Nov 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,8 @@
!.vscode/launch.json
!.vscode/tasks.json
.idea/
.cursor


# OS
.DS_Store
Expand Down
4 changes: 4 additions & 0 deletions src/webview/src/components/ButtonArea.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@
<button
class="action-button think-button"
:class="{ 'thinking-active': isThinkingOn }"
data-responsive="hide-small"
@click="handleThinkingToggle"
:aria-label="isThinkingOn ? 'Thinking on' : 'Thinking off'"
:title="isThinkingOn ? 'Thinking on' : 'Thinking off'"
Expand All @@ -51,6 +52,7 @@
<template #trigger>
<button
class="action-button"
data-responsive="hide-small"
aria-label="Slash Commands"
>
<span class="codicon codicon-italic text-[16px]!" />
Expand Down Expand Up @@ -397,6 +399,8 @@ function handleMentionKeydown(event: KeyboardEvent) {
flex-shrink: 0;
cursor: auto;
width: 100%;
container-type: inline-size;
container-name: toolbar;
}

.button-row {
Expand Down
2 changes: 1 addition & 1 deletion src/webview/src/components/Messages/AssistantMessage.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ const messageClasses = computed(() => {
left: 8px;
padding-top: 2px;
font-size: 10px;
color: var(--vscode-input-border);
color: color-mix(in srgb, var(--vscode-foreground) 60%, transparent);
z-index: 1;
}
</style>
2 changes: 1 addition & 1 deletion src/webview/src/components/Messages/blocks/tools/common/ToolMessageWrapper.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,7 @@ function toggleExpand() {
.tool-message-wrapper {
display: flex;
flex-direction: column;
padding: 0px 8px;
padding: 0px;
}

.main-line {
Expand Down
2 changes: 1 addition & 1 deletion src/webview/src/components/TokenIndicator.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
class="progress-container"
:style="containerStyle"
>
<span class="progress-text">{{ formattedPercentage }}</span>
<span class="progress-text" data-responsive="hide-small">{{ formattedPercentage }}</span>
<div class="progress-circle">
<svg width="14" height="14" class="progress-svg">
<circle
Expand Down
13 changes: 13 additions & 0 deletions src/webview/src/styles/claude-theme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,12 @@ html {
--app-link-color: var(--vscode-textLink-foreground);
}

/* Reset body */
body {
margin: 0;
padding: 0;
}

/* Light 主题调整 */
.vscode-light {
--app-transparent-inner-border: rgba(0, 0, 0, 0.07);
Expand Down Expand Up @@ -506,6 +512,13 @@ html {
gap: 4px;
}

/* 工具栏容器查询：宽度 ≤ 340px 时隐藏标记为 hide-small 的元素 */
@container toolbar (max-width: 340px) {
[data-responsive="hide-small"] {
display: none !important;
}
}


/* 文件图标特殊样式 */
.show-file-icons {
Expand Down