Htykuut

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;

    }

}