Skip to content

Polish Harness Builder prompt/edit field styling#287

Merged
tbrandenburg merged 1 commit intomainfrom
codex/update-harness-builder-panel-design
Mar 14, 2026
Merged

Polish Harness Builder prompt/edit field styling#287
tbrandenburg merged 1 commit intomainfrom
codex/update-harness-builder-panel-design

Conversation

@tbrandenburg
Copy link
Owner

Motivation

  • Make the prompt/edit fields in the Harness Builder panel visually consistent with the app's rounded input controls and improve spacing and interactivity.

Description

  • Restyled the preview/prompt control by updating .workflow-step-preview in packages/frontend/src/styles/page.css to use full width, increased min-height, rounded corners, padding, token-based border/background/text colors, and smooth transitions.
  • Added hover and keyboard :focus-visible states that use the --accent and --surface-strong tokens for clearer interactivity.

Testing

  • Ran npm run lint (frontend ESLint) which completed successfully.
  • Executed an automated Playwright script to open the app and capture a screenshot of the Harness Builder panel to verify the visual change (screenshot artifact created).

Codex Task

@vercel
Copy link

vercel bot commented Mar 14, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
made Ready Ready Preview, Comment Mar 14, 2026 11:57am

@tbrandenburg tbrandenburg merged commit 55dc5e2 into main Mar 14, 2026
8 checks passed
@tbrandenburg tbrandenburg deleted the codex/update-harness-builder-panel-design branch March 14, 2026 11:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant