test.html

<!-- Poi details -->
<div class="col-10 col-sm-10 col-md-3 col-xl-3" style="position: fixed; top: 100px; right: 20px; background: white;padding-left:20px;" [@collapse-right]="poiState">
    <div (click)="changePoiState()">
        <fa-icon [icon]="faPoiIcon" class="fa-2x" style="color: #007bff;margin-left:-15px;"></fa-icon>
        <h3 style="position: fixed; top: 7px;padding-left: 15px;">Détails du POI </h3>
    </div>
    <div style="max-height: 70vh;overflow-y:auto">
        <app-poi-detail [poi]="selectedPoi" [granularity]="granularity" (latlngChanged)="changeElementPos($event)"></app-poi-detail>
    </div>
</div>
  
          1