fix(ui): align log search input styling with EventFeed, render ellipsis
All checks were successful
CI / cleanup-branch (push) Has been skipped
CI / build (push) Successful in 1m44s
CI / docker (push) Successful in 1m16s
CI / deploy-feature (push) Has been skipped
CI / deploy (push) Successful in 1m49s
SonarQube / sonarqube (push) Successful in 4m5s

JSX attribute strings don't process JS escape sequences — "Search logs\u2026"
rendered the literal "\u2026" in the placeholder. Replaced with the actual
ellipsis character.

Also aligned .logSearchInput (Application Log search) with EventFeed's
internal search input: --bg-surface background, --border border,
mono font family, 28px height. Previously used --bg-body + --border-subtle
+ body font, which looked visibly different next to the Timeline panel.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-17 15:53:43 +02:00
parent d40833b96a
commit c4cee9718c
3 changed files with 8 additions and 6 deletions

View File

@@ -920,7 +920,7 @@ export default function AgentHealth() {
<input
type="text"
className={logStyles.logSearchInput}
placeholder="Search logs\u2026"
placeholder="Search logs"
value={logSearch}
onChange={(e) => setLogSearch(e.target.value)}
aria-label="Search logs"

View File

@@ -426,7 +426,7 @@ export default function AgentInstance() {
<input
type="text"
className={logStyles.logSearchInput}
placeholder="Search logs\u2026"
placeholder="Search logs"
value={logSearch}
onChange={(e) => setLogSearch(e.target.value)}
aria-label="Search logs"