Merge pull request #33 from first87/feature/support-more-browsers

Fix avatar looking ugly on FF, Edge and IE
ThomasCybulski · Aug 17, 2017 · 66c0b39 · 66c0b39
2 parents 7a1b0f9 + 57f001a
commit 66c0b39
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/paper-chip.html b/paper-chip.html
@@ -92,15 +92,15 @@
 				margin-right: 12px;
 			}
 
-			slot[name='avatar']::slotted(.chip-image) {
+			.avatar ::slotted(.chip-image) {
 				float: left;
 				margin: 0 8px 0 -12px;
 				height: 32px;
 				width: 32px;
 				border-radius: 50%;
 			}
 
-			slot[name='avatar']::slotted(.chip-background) {
+			.avatar ::slotted(.chip-background) {
 				--iron-icon-height: 19px;
 				--iron-icon-width: 19px;
 				background: var(--paper-chip-avatar-background-color, #989898);
@@ -122,7 +122,7 @@
 
 		<div class$="[[_computePaperChipClass(noHover)]]">
 			<span class="label">[[label]]</span>
-			<slot name="avatar"></slot>
+			<span class="avatar"><slot name="avatar"></slot></span>
 			<div hidden$="[[!closable]]" class="closeIcon" on-click="_remove">
 				<iron-icon class="close" icon="icons:clear"></iron-icon>
 			</div>