FarmMapsLib/projects/common/src/fm/components/side-panel/side-panel.component.html

<div class="side-panel hidden collapsed" [ngClass]="{'hidden':!visible,'collapsed':collapsed,'resizeable':(resizeable && mobile),'resizing':resizing }" [ngStyle]="{'top':top}">
  <div *ngIf="collapsable" class="arrow rounded-right p-2" (click)="handleToggleClick($event)">
    <i class="fa fa-chevron-left" aria-hidden="true"></i>
  </div>
  <div  draggable="true" class="resizegrip" (dragstart)="handleStartGripDrag($event)" (touchstart)="handleStartGripDrag($event)" (dragend)="handleEndGripDrag()" (touchend)="handleEndGripDrag()" (drag)="handleGripDrag($event)" (touchmove)="handleGripDrag($event)">
    <div></div>
     <span class="rounded"></span>
  </div>
  <div class="content">
    <ng-content>

    </ng-content>
  </div>
</div>