common-ui/src/assets/styles/common-select.scss
2022-12-21 16:18:40 +02:00

43 lines
917 B
SCSS

@use 'common-mixins';
.mat-select-panel {
padding: 7px 0 !important;
background-color: var(--iqser-background);
@include common-mixins.scroll-bar;
.mat-option {
margin: 1px 8px;
border-radius: 4px;
color: var(--iqser-text);
&:hover:not(.mat-option-disabled),
&:focus:not(.mat-option-disabled) {
background-color: var(--iqser-btn-bg);
}
&.mat-selected:not(.mat-option-multiple) {
background-color: rgba(var(--iqser-primary-rgb), 0.2);
}
&.mat-option-disabled {
color: rgba(var(--iqser-text-rgb), 0.7);
}
}
}
.mat-form-field.no-label .mat-form-field-infix {
padding: 0 !important;
border-top: 0 !important;
}
mat-select {
.mat-select-value,
.mat-select-arrow {
color: var(--iqser-text);
}
.mat-select-arrow {
margin-left: 6px;
}
}