[ADF-5094] Changed focused chip color (#5574)

This commit is contained in:
Baptiste Mahé
2020-03-30 19:17:39 +02:00
committed by GitHub
parent 56970d012c
commit cfc62abb2b
3 changed files with 16 additions and 0 deletions

View File

@@ -0,0 +1,13 @@
@mixin adf-search-chip-list-theme($theme) {
$accent: map-get($theme, accent);
.mat-chip:focus {
color: mat-color($accent, default-contrast);
background-color: mat-color($accent);
.mat-chip-remove {
color: mat-color($accent, default-contrast);
opacity: 1;
}
}
}

View File

@@ -21,6 +21,7 @@ import { SearchFilterComponent } from '../../components/search-filter/search-fil
@Component({
selector: 'adf-search-chip-list',
templateUrl: './search-chip-list.component.html',
styleUrls: ['./search-chip-list.component.scss'],
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-search-chip-list' }
})

View File

@@ -12,6 +12,7 @@
@import '../search/components/search-control.component';
@import '../search/components/search-sorting-picker/search-sorting-picker.component';
@import '../search/components/search-filter/search-filter.component';
@import '../search/components/search-chip-list/search-chip-list.component';
@import '../dialogs/folder.dialog';
@@ -44,4 +45,5 @@
@include adf-add-permission-panel-theme($theme);
@include adf-tree-view-theme($theme);
@include adf-search-filter-theme($theme);
@include adf-search-chip-list-theme($theme);
}