From 334b30145e50be9b7ceee835f0b05755bd559a66 Mon Sep 17 00:00:00 2001 From: Antonio Ledebuhr Date: Thu, 27 Aug 2026 02:17:41 +0200 Subject: [PATCH] Keep the terminal placeholder rule on the component stylesheet. The global duplicate violated the component-owned selector rule; the surviving rule still pins subtle text at full opacity. Co-authored-by: Cursor --- src/app/shared/terminal/terminal-dock.spec.ts | 8 +++++--- src/styles.scss | 5 ----- 2 files changed, 5 insertions(+), 8 deletions(-) diff --git a/src/app/shared/terminal/terminal-dock.spec.ts b/src/app/shared/terminal/terminal-dock.spec.ts index 63ab87c..10b5bc8 100644 --- a/src/app/shared/terminal/terminal-dock.spec.ts +++ b/src/app/shared/terminal/terminal-dock.spec.ts @@ -505,8 +505,10 @@ describe('terminal dock stylesheet', () => { const reduceBlock = css.slice(css.indexOf('prefers-reduced-motion')); expect(reduceBlock).toMatch(/\.terminal-dock-panel\s*\{[^}]*animation:\s*none/); - expect(css).toMatch( - /\.terminal-dock-form input::placeholder[\s\S]*?color:\s*var\(--color-text-subtle\)[\s\S]*?opacity:\s*1/, - ); + const placeholderStart = css.indexOf('.terminal-dock-form input::placeholder'); + expect(placeholderStart).toBeGreaterThan(-1); + const placeholderBlock = css.slice(placeholderStart, css.indexOf('}', placeholderStart) + 1); + expect(placeholderBlock).toContain('color: var(--color-text-subtle)'); + expect(placeholderBlock).toContain('opacity: 1'); }); }); diff --git a/src/styles.scss b/src/styles.scss index 11a4648..2d2b465 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -185,11 +185,6 @@ body { } } -.terminal-dock-form input::placeholder { - color: var(--color-text-subtle); - opacity: 1; -} - .content-container { width: min(100% - 2 * var(--content-gutter), var(--content-max)); margin-inline: auto;