purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2024-10-30 09:18:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

(overrides) Change the text and arrow color of mat-select on focus when it's used as a prefix or suffix in mat-form-field

Browse Source
This commit is contained in:
sercan 2021-05-16 15:54:55 +03:00
parent 3395e7f0bc
commit d0876eb80c
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/@fuse/styles/overrides/angular-material.scss
View File

@ -633,12 +633,28 @@
@apply icon-size-6; @apply icon-size-6;
} }
/* Make mat-select usable as */ /* Make mat-select usable as prefix and suffix */
/* prefix and suffix */
.mat-select { .mat-select {
display: flex; display: flex;
align-items: center; align-items: center;
&:focus {
.mat-select-trigger {
.mat-select-value {
@apply text-primary #{'!important'};
}
.mat-select-arrow-wrapper {
.mat-select-arrow {
border-top-color: var(--fuse-primary) !important;
}
}
}
}
.mat-select-trigger { .mat-select-trigger {
display: flex; display: flex;
align-items: center; align-items: center;
@ -663,6 +679,7 @@
.mat-select-arrow { .mat-select-arrow {
min-height: 0; min-height: 0;
@apply text-gray-500 dark:text-gray-400 #{'!important'};
} }
} }
} }