58 lines
1.2 KiB
SCSS
58 lines
1.2 KiB
SCSS
@use 'common-mixins';
|
|
|
|
.mat-mdc-select {
|
|
padding: 0 11px;
|
|
box-sizing: border-box;
|
|
--mat-select-trigger-text-line-height: 36px;
|
|
}
|
|
|
|
.mat-mdc-select-panel {
|
|
padding: 7px 0 !important;
|
|
min-width: fit-content;
|
|
background-color: var(--iqser-background);
|
|
@include common-mixins.scroll-bar;
|
|
@include common-mixins.drop-shadow;
|
|
}
|
|
|
|
.mat-mdc-select-arrow-wrapper {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.mat-mdc-option {
|
|
margin: 1px 8px;
|
|
border-radius: 4px;
|
|
color: var(--iqser-text);
|
|
|
|
&:hover:not(.mdc-list-item--disabled, .mdc-list-item--selected),
|
|
&:focus:not(.mdc-list-item--disabled, .mdc-list-item--selected) {
|
|
background-color: var(--iqser-btn-bg);
|
|
}
|
|
|
|
&.mdc-list-item--selected {
|
|
background-color: rgba(var(--iqser-primary-rgb), 0.2) !important;
|
|
color: var(--iqser-primary);
|
|
}
|
|
|
|
&.mdc-list-item--disabled {
|
|
color: rgba(var(--iqser-text-rgb), 0.7);
|
|
}
|
|
|
|
> span {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.mat-mdc-select-value {
|
|
color: var(--iqser-text);
|
|
}
|
|
|
|
.mat-form-field-disabled {
|
|
.mat-mdc-select-value {
|
|
color: var(--iqser-grey-3);
|
|
}
|
|
}
|
|
|
|
.mat-mdc-option .mat-mdc-option-pseudo-checkbox {
|
|
display: none;
|
|
}
|