Skip to content

[WC] Set background through correct css var#1222

Open
onlyexeption wants to merge 1 commit into
vnextfrom
ibarakov/fix-avatar-styling
Open

[WC] Set background through correct css var#1222
onlyexeption wants to merge 1 commit into
vnextfrom
ibarakov/fix-avatar-styling

Conversation

@onlyexeption

Copy link
Copy Markdown
Contributor

No description provided.

@onlyexeption onlyexeption requested review from Copilot and kdinev June 1, 2026 08:16
@onlyexeption onlyexeption changed the title fix(avatar): set background through correct css var [WC] Set background through correct css var Jun 1, 2026

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pull request overview

This PR updates the Avatar styling sample to apply the avatar background (and related styling) via the component’s supported CSS custom properties on the igc-avatar host element, instead of attempting to style the internal base part directly.

Changes:

  • Update AvatarStyle.css to set --ig-avatar-* CSS variables on igc-avatar (including --ig-avatar-background).
  • Update the chat “support” message snippet to explain and show the corrected avatar styling approach.

Reviewed changes

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

File Description
samples/layouts/avatar/styling/src/AvatarStyle.css Switches avatar styling to use --ig-avatar-* CSS variables on the host element.
samples/interactions/chat/features/src/index.ts Updates the embedded guidance text/code snippet to match the corrected avatar styling approach.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants