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

@mixin adf-task-list-people-theme($theme) {
    $primary: map-get($theme, primary);
    $foreground: map-get($theme, foreground);
    $header-border: 1px solid mat-color($foreground, divider);

    .adf-assignment-header {
        border-bottom: $header-border;
        padding: 6px 20px;
    }

    .adf-assignment-count {
        float: left;
        padding: 10px 0;
        font-weight: bolder;
        opacity: 0.54;
        margin: 13px;
    }

    .adf-add-people {
        margin: 13px;
        float: right;
        padding: 8px;
        height: 26px;
        opacity: 0.54;
        cursor: pointer;
        &:hover {
            color: mat-color($primary);
        }
    }

    .adf-assignment-top-container.mat-card {
        border-top: $header-border;
        margin: 0;
        padding: 0;
        display: flex;
        flex-flow: row wrap;
        align-items: stretch;
    }

    .adf-assignment-top-container-content {
        display: flex;
        flex-flow: column;
        align-items: stretch;
        flex: 1 0 auto;
        max-width: 100%;
    }

    .adf-assignment-container {
        padding: 10px 20px;
        border-bottom: $header-border;
        max-width: 100%;
    }

    .adf-assignment-list-container {
        padding: 0;
    }

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

        .adf-datatable-cell {
            margin: 13px;
        }

        .adf-datatable .adf-datatable-cell .adf-cell-container {
            flex-direction: column;
            align-items: left;
        }

        .adf-people-email {
            opacity: 0.54;
        }
    }

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

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

    .adf-people-user-info {
        flex-direction: column;
        text-align: center;
    }
}