Skip to content

Chat: Prompt Suggestions demo - Update options class names#33338

Merged
r-farkhutdinov merged 3 commits intoDevExpress:26_1from
r-farkhutdinov:26_1_chat_suggestions_demo_fix
Apr 17, 2026
Merged

Chat: Prompt Suggestions demo - Update options class names#33338
r-farkhutdinov merged 3 commits intoDevExpress:26_1from
r-farkhutdinov:26_1_chat_suggestions_demo_fix

Conversation

@r-farkhutdinov
Copy link
Copy Markdown
Contributor

No description provided.

@r-farkhutdinov r-farkhutdinov self-assigned this Apr 17, 2026
@r-farkhutdinov r-farkhutdinov requested a review from a team as a code owner April 17, 2026 10:09
Copilot AI review requested due to automatic review settings April 17, 2026 10:09
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the Chat → Prompt Suggestions demos across frameworks to use consistent, less ambiguous option panel CSS class names and adjusts empty-state prompt styling.

Changes:

  • Renamed the demo options wrapper classes (options-containeroptions, inner optionssuggestions-options) across jQuery/Angular/React/ReactJS/Vue implementations.
  • Added styling for .dx-chat-messagelist-empty-prompt to constrain empty-state prompt width.

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 1 comment.

Show a summary per file
File Description
apps/demos/Demos/Chat/PromptSuggestions/jQuery/styles.css Renames options panel selectors and adds empty-prompt max-width styling.
apps/demos/Demos/Chat/PromptSuggestions/jQuery/index.html Updates option panel class names to match renamed CSS selectors.
apps/demos/Demos/Chat/PromptSuggestions/Vue/App.vue Updates option panel class names and adds empty-prompt styling (note: scoped-style applicability issue).
apps/demos/Demos/Chat/PromptSuggestions/ReactJs/styles.css Renames options panel selectors and adds empty-prompt max-width styling.
apps/demos/Demos/Chat/PromptSuggestions/ReactJs/App.js Updates option panel class names to match renamed CSS selectors.
apps/demos/Demos/Chat/PromptSuggestions/React/styles.css Renames options panel selectors and adds empty-prompt max-width styling.
apps/demos/Demos/Chat/PromptSuggestions/React/App.tsx Updates option panel class names to match renamed CSS selectors.
apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.html Updates option panel class names to match renamed CSS selectors.
apps/demos/Demos/Chat/PromptSuggestions/Angular/app/app.component.css Renames options panel selectors and adds empty-prompt max-width styling (with ::ng-deep).

Comment thread apps/demos/Demos/Chat/PromptSuggestions/Vue/App.vue
Copilot AI review requested due to automatic review settings April 17, 2026 11:28
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 9 out of 11 changed files in this pull request and generated 2 comments.

Comments suppressed due to low confidence (1)

apps/demos/Demos/Chat/PromptSuggestions/jQuery/styles.css:1

  • Using a very generic class name like .options increases the chance of CSS collisions (especially in demos where multiple components may share the same page/global stylesheet). Consider scoping the selector (e.g., .demo-container .options) or using a more specific name (e.g., .prompt-suggestions-options) to reduce unintended styling interactions.
.demo-container {

Comment thread apps/demos/Demos/Chat/PromptSuggestions/React/styles.css
@r-farkhutdinov r-farkhutdinov force-pushed the 26_1_chat_suggestions_demo_fix branch from 79e6c91 to 0f898bb Compare April 17, 2026 11:46
@r-farkhutdinov r-farkhutdinov merged commit 8809579 into DevExpress:26_1 Apr 17, 2026
123 of 124 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants