Merge pull request #213783 from microsoft/tyriar/213647

Align terminal initial hint styles with the editor
microsoft · May 29, 2024 · 2ee265b · 2ee265b
2 parents 7f201d4 + f505dce
commit 2ee265b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/vs/workbench/contrib/terminalContrib/chat/browser/media/terminalInitialHint.css b/src/vs/workbench/contrib/terminalContrib/chat/browser/media/terminalInitialHint.css
@@ -3,9 +3,14 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-.monaco-workbench .pane-body.integrated-terminal .contentWidgets .terminal-initial-hint {
+.monaco-workbench .pane-body.integrated-terminal .terminal-initial-hint {
 	color: var(--vscode-input-placeholderForeground);
 }
 .monaco-workbench .pane-body.integrated-terminal .terminal-initial-hint a {
-	color: var(--vscode-textLink-foreground)
+	color: var(--vscode-textLink-foreground);
+}
+
+.monaco-workbench .pane-body.integrated-terminal .terminal-initial-hint a,
+.monaco-workbench .pane-body.integrated-terminal .terminal-initial-hint .detail {
+	font-style: italic;
 }
diff --git a/src/vs/workbench/contrib/terminalContrib/chat/browser/terminal.initialHint.contribution.ts b/src/vs/workbench/contrib/terminalContrib/chat/browser/terminal.initialHint.contribution.ts
@@ -247,7 +247,7 @@ class TerminalInitialHintWidget extends Disposable {
 			}
 		};
 
-		const hintElement = $('terminal-initial-hint');
+		const hintElement = $('div.terminal-initial-hint');
 		hintElement.style.display = 'block';
 
 		const keybindingHint = this.keybindingService.lookupKeybinding(TerminalChatCommandId.Start);
@@ -275,8 +275,7 @@ class TerminalInitialHintWidget extends Disposable {
 			hintElement.appendChild(after);
 
 			const typeToDismiss = localize('hintTextDismiss', 'Start typing to dismiss.');
-			const textHint2 = $('span', undefined, typeToDismiss);
-			textHint2.style.fontStyle = 'italic';
+			const textHint2 = $('span.detail', undefined, typeToDismiss);
 			hintElement.appendChild(textHint2);
 
 			ariaLabel = actionPart.concat(typeToDismiss);