diff --git a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss index 714a528ae02..21517548f1e 100644 --- a/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss +++ b/projects/igniteui-angular/input-group/src/input-group/themes/_base.scss @@ -95,24 +95,26 @@ $base-scale-size: ( [igxPrefix] { color: var-get($theme, 'input-prefix-color'); background: var-get($theme, 'input-prefix-background'); + cursor: default; } igx-suffix:not(.igx-input-group__toggle-button, .igx-input-group__clear-icon, .igx-input-group__clear-button, .igx-input-group__case-icon), [igxSuffix]:not(.igx-input-group__toggle-button, .igx-input-group__clear-icon, .igx-input-group__clear-button, .igx-input-group__case-icon) { color: var-get($theme, 'input-suffix-color'); background: var-get($theme, 'input-suffix-background'); + cursor: default; } @include e(toggle-button) { - cursor: pointer; color: var(--toggle-button-foreground); background: var(--toggle-button-background); + cursor: pointer; } @include e(clear-button) { - cursor: pointer; color: var(--clear-button-foreground); background: var(--clear-button-background); + cursor: pointer; } @include e(clear-icon) { @@ -551,4 +553,15 @@ $base-scale-size: ( } } + + igx-combo .igx-input-group:not(.igx-input-group--disabled), + igx-select .igx-input-group:not(.igx-input-group--disabled) { + .igx-input-group__input, + igx-prefix, + [igxPrefix], + igx-suffix, + [igxSuffix] { + cursor: pointer; + } + } } diff --git a/projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.html b/projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.html index 4cc5824d244..0a3741a7afe 100644 --- a/projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.html +++ b/projects/igniteui-angular/simple-combo/src/simple-combo/simple-combo.component.html @@ -26,7 +26,7 @@ @if (hasSelectedItem) { - @if (clearIconTemplate) {