fix(ui5-avatar): correct background when image slot is used (#4117)

nnaydenow · web-flow · commit 81d7815e270a · 2021-10-14T15:30:59.000+03:00
diff --git a/packages/main/src/themes/Avatar.css b/packages/main/src/themes/Avatar.css
@@ -179,6 +179,10 @@
 	background-color: var(--ui5-avatar-placeholder);
 }
 
+:host([_has-image]) {
+	background-color: transparent;
+}
+
 :host([image-fit-type="Contain"]) .ui5-avatar-img {
 	background-size: contain;
 }

Original file line number	Diff line number	Diff line change
`@@ -179,6 +179,10 @@`
`179`	`179`	`background-color: var(--ui5-avatar-placeholder);`
`180`	`180`	`}`
`181`	`181`
	`182`	`+:host([_has-image]) {`
	`183`	`+ background-color: transparent;`
	`184`	`+}`
	`185`	`+`
`182`	`186`	`:host([image-fit-type="Contain"]) .ui5-avatar-img {`
`183`	`187`	`background-size: contain;`
`184`	`188`	`}`