alfresco-ng2-components/lib/core/search-text/search-text-input.component.scss

@import '~@angular/material/theming';

@mixin adf-search-text-input-theme($theme) {
    $background: map-get($theme, background);
    $foreground: map-get($theme, foreground);
    $primary: map-get($theme, primary);
    $accent: map-get($theme, accent);
    $mat-menu-border-radius: 2px !default;
    $mat-menu-overlay-min-width: 112px !default;   // 56 * 2
    $mat-menu-overlay-max-width: 280px !default;   // 56 * 5

    .adf-search-container {
        overflow: hidden !important;
    }

    .adf-search-button {
        left: -13px;
    }

    [dir='rtl'] .adf-search-button {
        right: -13px;
    }

    [dir='ltr'] .adf-search-button {
        left: -13px;
    }

    .adf {

        &-search-fixed-text {
            line-height: normal;
        }

        &-input-form-field-divider {
            .mat-form-field-underline {
                background-color: mat-color($primary, 50);
                .mat-form-field-ripple {
                    background-color: mat-color($primary, 50);
                }
            }
            font-size: 16px;
        }
    }

    .adf-highlight {
        color: mat-color($primary, 900);
    }
}