<h1 class="video-info-name">{{ video.name }}</h1>
<div i18n class="video-info-date-views">
- Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> <span class="views"> - {{ video.views | myNumberFormatter }} views</span>
+ Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> <span class="views"> • {{ video.views | myNumberFormatter }} views</span>
</div>
</div>
<div class="video-info-first-row-bottom">
<div i18n class="d-none d-md-block video-info-date-views">
- Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> <span class="views"> - {{ video.views | myNumberFormatter }} views</span>
+ Published <my-date-toggle [date]="video.publishedAt"></my-date-toggle> <span class="views"> • {{ video.views | myNumberFormatter }} views</span>
</div>
<div class="video-actions-rates">
</div>
<my-video-actions-dropdown
- placement="top auto" buttonDirection="horizontal" [buttonStyled]="true" [video]="video"
+ placement="bottom auto" buttonDirection="horizontal" [buttonStyled]="true" [video]="video"
(videoRemoved)="onVideoRemoved()" (modalOpened)="onModalOpened()"
></my-video-actions-dropdown>
</div>
- <div class="video-info-likes-dislikes-bar-outerContainer">
+ <div class="video-info-likes-dislikes-bar-outer-container">
<div
- class="video-info-likes-dislikes-bar-innerContainer"
+ class="video-info-likes-dislikes-bar-inner-container"
*ngIf="video.likes !== 0 || video.dislikes !== 0"
[ngbTooltip]="likesBarTooltipText"
placement="bottom"
<div
class="video-info-likes-dislikes-bar"
>
- <div class="likes-bar" [ngStyle]="{ 'width.%': video.likesPercent }"></div>
+ <div class="likes-bar" [ngClass]="{ 'liked': userRating !== 'none' }" [ngStyle]="{ 'width.%': video.likesPercent }"></div>
</div>
</div>
</div>