Studio/opencode
5
0
Fork 0
mirror of https://gitee.com/zhangsken/opencode.git synced 2026-10-16 02:24:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): refine session search controls

Browse Source
This commit is contained in:
David Hill
2026-09-30 12:47:41 -06:00
parent 6585bb7105
commit 4f4b3d6a1a
3 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/app/src/session/timeline/search-bar.css
+10
View File
@@ -12,3 +12,13 @@
box-shadow: inset 0 0 0 1px var(--v2-border-border-focus);
outline: none;
}
[data-component="timeline-search-bar"] [data-slot="text-input-v2-leading-icon"] {
transition: color 85ms ease-out;
}
[data-component="timeline-search-bar"]
[data-component="text-input-v2"]:hover
[data-slot="text-input-v2-leading-icon"] {
color: var(--v2-icon-icon-base);
}
packages/app/src/session/timeline/search-bar.tsx
+6 -4
View File
@@ -56,15 +56,17 @@ export function TimelineSearchBar(props: { controller: TimelineSearchController
{c.result.count() > 0 ? c.result.activeIndex() + 1 : 0}/{c.result.count()}
</span>
</Show>
<Show when={c.query.value()}>
<button
type="button"
class="-me-1 flex size-5 shrink-0 self-center items-center justify-center rounded-[2px] border-0 bg-transparent p-0 text-v2-icon-icon-muted outline outline-1 outline-transparent hover:bg-v2-overlay-simple-overlay-hover active:bg-v2-overlay-simple-overlay-pressed focus-visible:outline-v2-border-border-focus"
aria-label={c.query.placeholder()}
class="-me-1 flex size-5 shrink-0 self-center items-center justify-center border-0 bg-transparent p-0 text-v2-icon-icon-muted transition-colors duration-150 ease-in-out hover:text-v2-icon-icon-base focus-visible:outline focus-visible:outline-1 focus-visible:outline-v2-border-border-focus"
aria-label={c.query.clearLabel()}
onMouseDown={(event) => event.preventDefault()}
onClick={() => c.query.close()}
onClick={() => c.query.setValue("")}
>
<Icon name="xmark-small" />
<Icon name="circle-xmark" />
</button>
</Show>
</div>
</div>
</Show>
packages/app/src/session/timeline/search-controller.ts
+1
View File
@@ -256,6 +256,7 @@ export function createTimelineSearchController(input: {
query: {
value: () => state.value,
placeholder: () => language.t("session.search.placeholder"),
clearLabel: () => language.t("common.clear"),
noResults: () => language.t("session.search.noResults"),
open,
close,