Added section title

This commit is contained in:
Elijah King
2025-09-26 16:59:08 -07:00
parent de7077a3e6
commit 75287fa3c3
2 changed files with 18 additions and 2 deletions
@@ -192,14 +192,27 @@ div.chat-welcome-view {
flex-wrap: wrap;
justify-content: flex-start;
row-gap: 8px;
padding: 12px;
padding: 32px 12px 12px 12px; /* Extra top padding for title */
.chat-welcome-view-suggested-prompts-title {
position: absolute;
top: 8px;
left: 16px;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--vscode-descriptionForeground);
margin: 0;
text-align: left;
}
> .chat-welcome-view-suggested-prompt {
display: flex;
align-items: center;
gap: 6px;
height: 24px;
padding: 0 10px;
padding: 0 8px;
border-radius: 4px;
background-color: var(--vscode-editorWidget-background);
cursor: pointer;
@@ -191,6 +191,9 @@ export class ChatViewWelcomePart extends Disposable {
// Render suggested prompts for both new user and regular modes
if (content.suggestedPrompts && content.suggestedPrompts.length) {
const suggestedPromptsContainer = dom.append(this.element, $('.chat-welcome-view-suggested-prompts'));
const titleElement = dom.append(suggestedPromptsContainer, $('.chat-welcome-view-suggested-prompts-title'));
titleElement.textContent = localize('chatWidget.suggestedActions', 'Suggested Actions');
for (const prompt of content.suggestedPrompts) {
const promptElement = dom.append(suggestedPromptsContainer, $('.chat-welcome-view-suggested-prompt'));
// Make the prompt element keyboard accessible