Skip to content

[React] Set background through correct css var#1077

Merged
kdinev merged 2 commits into
vnextfrom
ibarakov/fix-avatar-styling
Jul 1, 2026
Merged

[React] Set background through correct css var#1077
kdinev merged 2 commits into
vnextfrom
ibarakov/fix-avatar-styling

Conversation

@onlyexeption

@onlyexeption onlyexeption commented Jun 1, 2026

Copy link
Copy Markdown
Contributor

Closes #1695

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

Updates the avatar styling sample to apply the avatar background color via the component’s intended CSS custom property, rather than overriding the base part background directly.

Changes:

  • Set --ig-avatar-background on igc-avatar to control the avatar background color.
  • Remove the direct background rule from igc-avatar::part(base) while keeping the border styling intact.

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

@onlyexeption onlyexeption changed the title fix(avatar): set background through correct css var [React] Set background through correct css var Jun 1, 2026
@kdinev kdinev merged commit d2276c1 into vnext Jul 1, 2026
4 checks passed
@kdinev kdinev deleted the ibarakov/fix-avatar-styling branch July 1, 2026 07:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[CLI MCP] [Blazor]: Avatar background is applied with background prop instead of the actual avatar background

3 participants