How to show only items of the class which has width 100% angular 5

I am facing with some issues in the css for angular. I am trying to achieve something like thus. I have width which is 100% and I want to make if the row is more than 100% than at the end of 100% make someling like 3 dots which I can click and have information then.

This is my code

<div fxLayout="row">
        <div *ngIf="orgItem.jobs.size !== 0 && (expanded$ | async)" class="fa fa-arrow-right" style="font-size: 12px; color: green; padding-left: 5px; margin: 16px 0px 0px 0px;"></div>
        <div *ngIf="(expanded$ | async)" [hidden]="!(expanded$ | async)" [ngClass]="{'employees': orgItem.jobs.size !== 0}" fxLayout="row">
            <app-person-row *ngFor="let person of persons$ | async" [hidden]="!(filteredPersonIds$ | async).includes(person.id)" [person]="person"
             [orga]="orgItem"></app-person-row>
        </div>
    </div>
.row {
    @extend .vp-row;
    margin-left: 10px;
    max-height: $row-height;
.employees {
        border: solid 2px;
        border-color: $valpro-orange;
        margin: 10px 0px 0px 3px;
        height: 33px;
    }

}enter image description here