diff --git a/src/styles/33-chat-composer.css b/src/styles/33-chat-composer.css index a001a384..d48152be 100644 --- a/src/styles/33-chat-composer.css +++ b/src/styles/33-chat-composer.css @@ -77,11 +77,12 @@ .codex-panel__composer-meta-summary { position: absolute; - width: var(--codex-panel-rail-width); - height: var(--codex-panel-rail-width); + width: var(--border-width); + height: var(--border-width); padding: 0; overflow: hidden; - clip-path: inset(50%); + pointer-events: none; + opacity: 0; white-space: nowrap; } diff --git a/tests/styles.test.ts b/tests/styles.test.ts index 406e2413..973bf512 100644 --- a/tests/styles.test.ts +++ b/tests/styles.test.ts @@ -150,9 +150,11 @@ describe("chat toolbar CSS", () => { const visual = /\.codex-panel__composer-meta-status-visual \{(?[^}]+)\}/.exec(styles)?.groups?.["body"] ?? ""; expect(summary).toContain("position: absolute"); - expect(summary).toContain("width: var(--codex-panel-rail-width)"); - expect(summary).toContain("height: var(--codex-panel-rail-width)"); - expect(summary).toContain("clip-path: inset(50%)"); + expect(summary).toContain("width: var(--border-width)"); + expect(summary).toContain("height: var(--border-width)"); + expect(summary).toContain("pointer-events: none"); + expect(summary).toContain("opacity: 0"); + expect(summary).not.toContain("clip-path:"); expect(summary).not.toContain("clip:"); expect(visual).toContain("display: flex"); expect(visual).toContain("flex: 0 0 auto");