alfresco-ng2-components/lib/process-services/people/people-search.component.scss

@mixin adf-task-list-people-search-theme($theme) {
    $primary: map-get($theme, primary);
    $accent: map-get($theme, accent);
    $warn: map-get($theme, warn);

    .adf-people-search {
        width: 100%;

        .activiti-label {
            font-weight: bolder;
        }

        .fix-element-user-list {
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
        }

        .search-text-header {
            font-weight: bold;
            opacity: 0.54;
        }

        .search-text-container {
            width: 100%;

            input {
                line-height: normal;
            }
        }

        .search-list-container {
            max-height: 152px;
            width: 100%;
            overflow-y: auto;
        }

        adf-people-list ::ng-deep adf-datatable ::ng-deep thead {
            display: none;
        }

        .search-list-action-container {
            border-top: 1px solid #eee;
            text-align: right;
            padding: 5px 0px;
            margin-top: 5px;
            > button {
                opacity: 0.54;
                font-weight: bolder;
                &:hover {
                    color: mat-color($primary);
                }
            }
        }

        .people-pic {
            background: mat-color($primary);
            width: 30px;
            padding: 10px 5px;
            border-radius: 90%;
            color: #fff;
            text-align: center;
            font-weight: bolder;
            font-size: 18px;
            text-transform: uppercase;
            vertical-align: text-bottom;
        }

        .people-img {
            border-radius: 90%;
            width: 40px;
            height: 40px;
            vertical-align: middle;
        }
    }
}