defalt2111/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep the terminal placeholder rule on the component stylesheet.

Browse Source 
The global duplicate violated the component-owned selector rule; the surviving rule still pins subtle text at full opacity.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Antonio Ledebuhr
2026-08-27 02:17:41 +02:00
parent 0e1e48d876
commit 334b30145e
2 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/shared/terminal/terminal-dock.spec.ts
View File

@@ -505,8 +505,10 @@ describe('terminal dock stylesheet', () => {
const reduceBlock = css.slice(css.indexOf('prefers-reduced-motion')); const reduceBlock = css.slice(css.indexOf('prefers-reduced-motion'));
expect(reduceBlock).toMatch(/\.terminal-dock-panel\s*\{[^}]*animation:\s*none/); expect(reduceBlock).toMatch(/\.terminal-dock-panel\s*\{[^}]*animation:\s*none/);
expect(css).toMatch( const placeholderStart = css.indexOf('.terminal-dock-form input::placeholder');
/\.terminal-dock-form input::placeholder[\s\S]*?color:\s*var\(--color-text-subtle\)[\s\S]*?opacity:\s*1/, 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');
}); });
}); });

5
src/styles.scss
View File

@@ -185,11 +185,6 @@ body {
} }
} }
.terminal-dock-form input::placeholder {
color: var(--color-text-subtle);
opacity: 1;
}
.content-container { .content-container {
width: min(100% - 2 * var(--content-gutter), var(--content-max)); width: min(100% - 2 * var(--content-gutter), var(--content-max));
margin-inline: auto; margin-inline: auto;