diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2019-12-16 00:13:31 +0100 |
|---|---|---|
| committer | Rigel Kent <sendmemail@rigelk.eu> | 2019-12-16 00:13:31 +0100 |
| commit | 2de7f588eb7185525cc8687872fed443a24fd27b (patch) | |
| tree | 7cbae75b8cf9083d403d660587cf927953cecc8a /client/src/app/videos/+video-watch/video-watch.component.html | |
| parent | 88adad2d0f42028a116ccc8173f5a62ad306cc32 (diff) | |
| download | PeerTube-2de7f588eb7185525cc8687872fed443a24fd27b.tar.gz PeerTube-2de7f588eb7185525cc8687872fed443a24fd27b.tar.zst PeerTube-2de7f588eb7185525cc8687872fed443a24fd27b.zip | |
improve likes-dislikes bar usability
Diffstat (limited to 'client/src/app/videos/+video-watch/video-watch.component.html')
| -rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.html | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.html b/client/src/app/videos/+video-watch/video-watch.component.html index 9e653ea78..b3def01fa 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.html +++ b/client/src/app/videos/+video-watch/video-watch.component.html | |||
| @@ -114,13 +114,19 @@ | |||
| 114 | ></my-video-actions-dropdown> | 114 | ></my-video-actions-dropdown> |
| 115 | </div> | 115 | </div> |
| 116 | 116 | ||
| 117 | <div | 117 | <div class="video-info-likes-dislikes-bar-outerContainer"> |
| 118 | class="video-info-likes-dislikes-bar" | 118 | <div |
| 119 | *ngIf="video.likes !== 0 || video.dislikes !== 0" | 119 | class="video-info-likes-dislikes-bar-innerContainer" |
| 120 | [ngbTooltip]="likesBarTooltipText" | 120 | *ngIf="video.likes !== 0 || video.dislikes !== 0" |
| 121 | placement="bottom" | 121 | [ngbTooltip]="likesBarTooltipText" |
| 122 | > | 122 | placement="bottom" |
| 123 | <div class="likes-bar" [ngStyle]="{ 'width.%': video.likesPercent }"></div> | 123 | > |
| 124 | <div | ||
| 125 | class="video-info-likes-dislikes-bar" | ||
| 126 | > | ||
| 127 | <div class="likes-bar" [ngStyle]="{ 'width.%': video.likesPercent }"></div> | ||
| 128 | </div> | ||
| 129 | </div> | ||
| 124 | </div> | 130 | </div> |
| 125 | </div> | 131 | </div> |
| 126 | 132 | ||