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;