Align composer and rewrite status rows

This commit is contained in:
murashit 2026-06-04 22:08:48 +09:00
parent 02029e0ca3
commit bec6d07e68
3 changed files with 20 additions and 0 deletions

View file

@ -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;

View file

@ -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);
}

View file

@ -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 \{(?<body>[^}]+)\}/.exec(styles)?.groups?.["body"] ?? "";
const composerMetaFatal = /\.codex-panel__composer-meta-fatal \{(?<body>[^}]+)\}/.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 \{(?<body>[^}]+)\}/.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 \{(?<body>[^}]+)\}/.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 \{(?<body>[^}]+)\}/.exec(styles)?.groups?.["body"] ?? "";