Skip to content

Commit d42fcd6

Browse files
chore(icon): set color properly #10571 (#10796)
Co-authored-by: Galina Edinakova <[email protected]>
1 parent abb7baa commit d42fcd6

File tree

3 files changed

+4
-4
lines changed

3 files changed

+4
-4
lines changed

src/app/list-panning/list-panning.sample.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ <h4 class="sample-title">Swipe left or right to perform action</h4>
1515
<igx-avatar igxListThumbnail [src]="item.avatar" [roundShape]="true"></igx-avatar>
1616
<p igxListLineTitle>{{item.text}}</p>
1717
<span igxListLineSubTitle>{{item.phone}}</span>
18-
<igx-icon igxListAction [color]="item.favorite ? 'orange' : 'lightgray'" (click)="toggleFavorite(item)">star</igx-icon>
18+
<igx-icon igxListAction [style.color]="item.favorite ? 'orange' : 'lightgray'" (click)="toggleFavorite(item)">star</igx-icon>
1919
</igx-list-item>
2020
</igx-list>
2121
<igx-toast #toast></igx-toast>
@@ -37,7 +37,7 @@ <h4 class="sample-title">Swipe left or right to perform action</h4>
3737
<igx-avatar igxListThumbnail [src]="item.avatar" [roundShape]="true"></igx-avatar>
3838
<p igxListLineTitle>{{item.text}}</p>
3939
<span igxListLineSubTitle>{{item.phone}}</span>
40-
<igx-icon igxListAction [color]="item.favorite ? 'orange' : 'lightgray'" (click)="toggleFavorite(item)">star</igx-icon>
40+
<igx-icon igxListAction [style.color]="item.favorite ? 'orange' : 'lightgray'" (click)="toggleFavorite(item)">star</igx-icon>
4141
</igx-list-item>
4242
</igx-list>
4343
<igx-toast #toast></igx-toast>

src/app/list-performance/list-performance.sample.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ <h4 class="sample-title">Performance sample</h4>
1818
<igx-list-item igxRipple="pink" igxRippleTarget=".igx-list__item" *igxFor="let item of data | igxFilter: fo1; scrollOrientation : 'vertical'; containerSize: '500px'; itemSize: '56px'">
1919
<igx-avatar igxListThumbnail [src]="item.avatar" [roundShape]="true"></igx-avatar>
2020
<span igxListLine igxListLineTitle>{{item.text}}</span>
21-
<igx-icon igxListAction [color]="item.favorite ? 'orange' : 'lightgray'">star</igx-icon>
21+
<igx-icon igxListAction [style.color]="item.favorite ? 'orange' : 'lightgray'">star</igx-icon>
2222
</igx-list-item>
2323
</div>
2424
</igx-list>

src/app/list/list.sample.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -227,7 +227,7 @@ <h4 class="sample-title">Data source filtered list</h4>
227227
<igx-list-item igxRipple igxRippleTarget=".igx-list__item-content" *ngFor="let item of navItems | igxFilter: fo1">
228228
<!-- <igx-avatar igxListThumbnail [src]="item.avatar" [roundShape]="true"></igx-avatar>-->
229229
<span igxListLine>{{item.text}}</span>
230-
<igx-icon igxListAction [color]="item.favorite ? 'orange' : 'lightgray'" (click)="toggleFavorite(item)">star</igx-icon>
230+
<igx-icon igxListAction [style.color]="item.favorite ? 'orange' : 'lightgray'" (click)="toggleFavorite(item)">star</igx-icon>
231231
</igx-list-item>
232232
</igx-list>
233233
</igx-card>

0 commit comments

Comments
 (0)