Skip to content
This repository was archived by the owner on Sep 30, 2025. It is now read-only.

[Avatar] Override SE23 background override with imageHasLoaded #10211

Merged
merged 2 commits into from
Aug 24, 2023
Merged

[Avatar] Override SE23 background override with imageHasLoaded #10211

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d06ff9d
Override SE23 background override with imageHasLoaded
peterlazzarino Aug 24, 2023
e292972
Add patch change
peterlazzarino Aug 24, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/popular-pumas-sin.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@shopify/polaris': patch
---

Ensure Avatar has no background color if an source prop is passed in to allow for transparent images
4 changes: 4 additions & 0 deletions polaris-react/src/components/Avatar/Avatar.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,10 @@
// stylelint-enable
background: var(--p-color-avatar-background-experimental);
color: var(--p-color-avatar-color-experimental);

&.imageHasLoaded {
background: transparent;
}
}

@media (forced-colors: active) {
Expand Down