mirror of
https://github.com/murashit/codex-panel.git
synced 2026-07-22 06:57:10 +00:00
Align composer and rewrite status rows
This commit is contained in:
parent
02029e0ca3
commit
bec6d07e68
3 changed files with 20 additions and 0 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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"] ?? "";
|
||||
|
|
|
|||
Loading…
Reference in a new issue