diff --git a/.changeset/remove-pr-sidebar-scroll-button.md b/.changeset/remove-pr-sidebar-scroll-button.md new file mode 100644 index 0000000000..864fc27192 --- /dev/null +++ b/.changeset/remove-pr-sidebar-scroll-button.md @@ -0,0 +1,5 @@ +--- +"kilo-code": patch +--- + +Remove the floating scroll-to-top button from the Agent Manager PR sidebar. diff --git a/packages/kilo-vscode/webview-ui/agent-manager/pr/PRPanel.tsx b/packages/kilo-vscode/webview-ui/agent-manager/pr/PRPanel.tsx index b37d72948d..04a9bd282c 100644 --- a/packages/kilo-vscode/webview-ui/agent-manager/pr/PRPanel.tsx +++ b/packages/kilo-vscode/webview-ui/agent-manager/pr/PRPanel.tsx @@ -1,5 +1,5 @@ /** @jsxImportSource solid-js */ -import { Component, Show, createSignal } from "solid-js" +import { Component, Show } from "solid-js" import { IconButton } from "@kilocode/kilo-ui/icon-button" import { Tooltip } from "@kilocode/kilo-ui/tooltip" import type { WorktreeState } from "../../src/types/messages" @@ -22,18 +22,7 @@ interface PRPanelProps { } export const PRPanel: Component = (props) => { - let bodyRef: HTMLDivElement | undefined let commentsRef: HTMLDivElement | undefined - const [showScrollTop, setShowScrollTop] = createSignal(false) - - function onScroll(e: Event) { - const el = e.target as HTMLDivElement - setShowScrollTop(el.scrollTop > 100) - } - - function scrollToTop() { - bodyRef?.scrollTo({ top: 0, behavior: "smooth" }) - } function jumpToComments() { commentsRef?.scrollIntoView({ behavior: "smooth", block: "start" }) @@ -63,7 +52,7 @@ export const PRPanel: Component = (props) => {
-
+
0}> @@ -81,13 +70,6 @@ export const PRPanel: Component = (props) => { )}
- - - - -
) diff --git a/packages/kilo-vscode/webview-ui/agent-manager/pr/pr-panel.css b/packages/kilo-vscode/webview-ui/agent-manager/pr/pr-panel.css index e09ec0c0ac..28e6d0bcf9 100644 --- a/packages/kilo-vscode/webview-ui/agent-manager/pr/pr-panel.css +++ b/packages/kilo-vscode/webview-ui/agent-manager/pr/pr-panel.css @@ -80,28 +80,6 @@ overflow-anchor: none; } -.am-pr-scroll-top { - position: absolute; - bottom: 16px; - right: 16px; - width: 28px; - height: 28px; - border-radius: 50%; - border: 1px solid var(--vscode-foreground); - background: var(--vscode-editor-background); - color: var(--vscode-foreground); - cursor: pointer; - font-size: var(--kilo-font-size-14); - display: flex; - align-items: center; - justify-content: center; - opacity: 0.6; -} - -.am-pr-scroll-top:hover { - opacity: 1; -} - .am-pr-panel-section { padding: 4px 12px; }