From bec6d07e68cb4777566bf32c18e7d5cad1f47432 Mon Sep 17 00:00:00 2001 From: murashit Date: Thu, 4 Jun 2026 22:08:48 +0900 Subject: [PATCH] Align composer and rewrite status rows --- src/styles/33-chat-composer.css | 3 +++ src/styles/50-selection-rewrite.css | 1 + tests/styles.test.ts | 16 ++++++++++++++++ 3 files changed, 20 insertions(+) diff --git a/src/styles/33-chat-composer.css b/src/styles/33-chat-composer.css index f2d06f64..0249e624 100644 --- a/src/styles/33-chat-composer.css +++ b/src/styles/33-chat-composer.css @@ -37,8 +37,10 @@ } .codex-panel__composer-meta-status { + box-sizing: border-box; display: flex; min-width: 0; + padding-inline-start: calc(var(--size-4-1) / 2); gap: var(--size-4-2); align-items: center; overflow: hidden; @@ -70,6 +72,7 @@ .codex-panel__composer-meta-fatal { min-width: 0; + padding-inline-start: calc(var(--size-4-1) / 2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/src/styles/50-selection-rewrite.css b/src/styles/50-selection-rewrite.css index 5c44a6b5..95219146 100644 --- a/src/styles/50-selection-rewrite.css +++ b/src/styles/50-selection-rewrite.css @@ -48,6 +48,7 @@ } .codex-panel-selection-rewrite__status { + padding-inline-start: calc(var(--size-4-1) / 2); color: var(--codex-panel-text-muted); font-size: var(--font-ui-small); } diff --git a/tests/styles.test.ts b/tests/styles.test.ts index 33ffb7b0..47e91caa 100644 --- a/tests/styles.test.ts +++ b/tests/styles.test.ts @@ -117,6 +117,14 @@ describe("chat toolbar CSS", () => { expect(styles).not.toContain("conic-gradient"); }); + it("aligns composer status text with the input text inset", () => { + const composerMetaStatus = /\.codex-panel__composer-meta-status \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? ""; + const composerMetaFatal = /\.codex-panel__composer-meta-fatal \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? ""; + + expect(composerMetaStatus).toContain("padding-inline-start: calc(var(--size-4-1) / 2)"); + expect(composerMetaFatal).toContain("padding-inline-start: calc(var(--size-4-1) / 2)"); + }); + it("keeps nav inline input reset in the shared primitive", () => { const navInlineInput = /\.codex-panel-ui__nav-inline-input\.codex-panel-ui__nav-inline-input \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? ""; @@ -162,6 +170,14 @@ describe("chat message CSS", () => { }); }); +describe("selection rewrite CSS", () => { + it("aligns generation status text with the instruction input text inset", () => { + const status = /\.codex-panel-selection-rewrite__status \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? ""; + + expect(status).toContain("padding-inline-start: calc(var(--size-4-1) / 2)"); + }); +}); + describe("threads view CSS", () => { it("keeps long row titles clear of trailing actions", () => { const list = /\.codex-panel-threads__list \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? "";