Skip to content

Commit a9084af

Browse files
committed
refactor(list): add back selected styles after merging master
1 parent 6d5b69f commit a9084af

File tree

2 files changed

+35
-0
lines changed

2 files changed

+35
-0
lines changed

projects/igniteui-angular/src/lib/list/list-item.component.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -300,6 +300,7 @@ export class IgxListItemComponent implements IListChild {
300300
*
301301
* @memberof IgxListItemComponent
302302
*/
303+
@HostBinding('class.igx-list-item--selected')
303304
@HostBinding('class.igx-list__item-base--selected')
304305
@Input({ transform: booleanAttribute })
305306
public get selected() {

projects/igniteui-angular/src/lib/list/themes/_base.scss

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -244,5 +244,39 @@ $theme: $base;
244244
}
245245
}
246246
}
247+
248+
@include m(selected) {
249+
@include e(content) {
250+
color: var-get($theme, 'item-text-color-selected');
251+
background: var-get($theme, 'item-background-selected');
252+
z-index: 3;
253+
}
254+
255+
@include e(thumbnail) {
256+
color: var-get($theme, 'item-thumbnail-color-selected');
257+
258+
igx-icon,
259+
igc-icon {
260+
color: var-get($theme, 'item-thumbnail-color-selected');
261+
}
262+
}
263+
264+
@include e(title) {
265+
color: var-get($theme, 'item-title-color-selected');
266+
}
267+
268+
@include e(subtitle) {
269+
color: var-get($theme, 'item-subtitle-color-selected');
270+
}
271+
272+
@include e(actions) {
273+
color: var-get($theme, 'item-action-color-selected');
274+
275+
igx-icon,
276+
igc-icon {
277+
color: var-get($theme, 'item-action-color-selected');
278+
}
279+
}
280+
}
247281
}
248282
}

0 commit comments

Comments
 (0)