<div class="video-info-description">
<div
class="video-info-description-html"
- [innerHTML]="videoHTMLDescription"
+ [innerHTML]="getHTMLDescription()"
(timestampClicked)="onTimestampClicked($event)"
- timestampRouteTransformer
+ myTimestampRouteTransformer
></div>
- <div class="video-info-description-more" *ngIf="completeDescriptionShown === false && video.description?.length >= 250" (click)="showMoreDescription()">
+ <button
+ *ngIf="completeDescriptionShown === false && video.description?.length >= 250"
+ (click)="showMoreDescription()" class="video-info-description-more button-unstyle"
+ >
<ng-container i18n>Show more</ng-container>
- <span *ngIf="descriptionLoading === false" class="glyphicon glyphicon-menu-down"></span>
- <my-small-loader class="description-loading" [loading]="descriptionLoading"></my-small-loader>
- </div>
+ <span *ngIf="descriptionLoading === false" class="chevron-down"></span>
+ <my-loader size="sm" class="description-loading" [loading]="descriptionLoading"></my-loader>
+ </button>
- <div *ngIf="completeDescriptionShown === true" (click)="showLessDescription()" class="video-info-description-more">
+ <button
+ *ngIf="completeDescriptionShown === true"
+ (click)="showLessDescription()" class="video-info-description-more button-unstyle"
+ >
<ng-container i18n>Show less</ng-container>
- <span *ngIf="descriptionLoading === false" class="glyphicon glyphicon-menu-up"></span>
- </div>
+ <span *ngIf="descriptionLoading === false" class="chevron-up"></span>
+ </button>
</div>