diff --git a/src/styles/33-chat-composer.css b/src/styles/33-chat-composer.css index 7c44a8cf..a001a384 100644 --- a/src/styles/33-chat-composer.css +++ b/src/styles/33-chat-composer.css @@ -69,7 +69,6 @@ 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; @@ -218,7 +217,6 @@ .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/tests/styles.test.ts b/tests/styles.test.ts index e8e5c93c..406e2413 100644 --- a/tests/styles.test.ts +++ b/tests/styles.test.ts @@ -124,13 +124,15 @@ describe("chat toolbar CSS", () => { it("aligns composer status text with the input text inset", () => { const composerFrame = /\.codex-panel__composer-frame \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? ""; + const composerMeta = /\.codex-panel__composer-meta \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? ""; const composerMetaStatus = /\.codex-panel__composer-meta-status \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? ""; const composerMetaFatal = /\.codex-panel__composer-meta-fatal \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? ""; expect(composerFrame).toContain("background: var(--background-modifier-form-field)"); + expect(composerMeta).toContain("padding: 0 var(--size-4-2) var(--size-4-1)"); expect(composerMetaStatus).toContain("position: relative"); - expect(composerMetaStatus).toContain("padding-inline-start: calc(var(--size-4-1) / 2)"); - expect(composerMetaFatal).toContain("padding-inline-start: calc(var(--size-4-1) / 2)"); + expect(composerMetaStatus).not.toContain("padding-inline-start"); + expect(composerMetaFatal).not.toContain("padding-inline-start"); }); it("lets the shell provide Obsidian status bar composer clearance", () => {