- <div
- *ngIf="hasBanner()" class="actor-img-edit-button"
- #bannerPopover="ngbPopover" [ngbPopover]="bannerEditContent" popoverClass="popover-image-info" autoClose="outside" placement="right"
- >
- <my-global-icon iconName="edit"></my-global-icon>
- <label for="bannerMenu" i18n>Change your banner</label>
+ <div *ngIf="hasBanner()" ngbDropdown placement="right">
+ <button type="button" class="actor-img-edit-button" ngbDropdownToggle>
+ <my-global-icon iconName="edit"></my-global-icon>
+ <label for="bannerMenu" i18n>Change your banner</label>
+ </button>
+
+ <div ngbDropdownMenu>
+ <div class="dropdown-item dropdown-file button-focus-within" [ngbTooltip]="bannerFormat">
+ <ng-container *ngTemplateOutlet="uploadNewBanner"></ng-container>
+ </div>
+
+ <button type="button" class="dropdown-item" (click)="deleteBanner()">
+ <my-global-icon iconName="delete"></my-global-icon>
+ <span i18n>Remove banner</span>
+ </button>
+ </div>