Merge ef0e43903f into 0f58252c61

src/app/components/stream/status/action-bar/action-bar.component.html

@@ -1,12 +1,14 @@
 <div class="action-bar">
     <a *ngIf="!isLocked" href class="action-bar__link action-bar__link--reply" title="Reply" (click)="reply()">
         <fa-icon [icon]="faReply"></fa-icon>
+        <span class="action-bar__count">{{displayStatus.replies_count || ''}}</span>
     </a>
     <fa-icon *ngIf="isLocked" class="action-bar__lock" title="Account can't access this post" [icon]="faLock"></fa-icon>
 
     <a *ngIf="!(isBoostLocked || isLocked)" href class="action-bar__link action-bar__link--boost" title="Boost"
         [class.boosted]="isBoosted" [class.boosting]="boostIsLoading" (click)="boost()">
         <fa-icon [icon]="faRetweet"></fa-icon>
+        <span class="action-bar__count">{{displayStatus.reblogs_count || ''}}</span>
     </a>
     <fa-icon *ngIf="isBoostLocked && !isLocked && !isDM" class="action-bar__lock" title="This post cannot be boosted"
         [icon]="faLock"></fa-icon>
@@ -17,6 +19,7 @@
     <a *ngIf="!isLocked" href class="action-bar__link action-bar__link--fav" title="Favourite"
         [class.favorited]="isFavorited" [class.favoriting]="favoriteIsLoading" (click)="favorite()">
         <fa-icon [icon]="faStar"></fa-icon>
+        <span class="action-bar__count">{{displayStatus.favourites_count || ''}}</span>
     </a>
     <fa-icon *ngIf="isLocked" class="action-bar__lock" title="Account can't access this post" [icon]="faLock"></fa-icon>
 
@@ -37,4 +40,4 @@
 
     <app-status-user-context-menu class="action-bar__link action-bar__link--more" [statusWrapper]="statusWrapper"
         (browseThreadEvent)="browseThread($event)"></app-status-user-context-menu>
-</div>
+</div>

src/app/components/stream/status/action-bar/action-bar.component.scss

@@ -58,6 +58,12 @@
         }
     }
 
+    &__count {
+        font-size: 12px;
+        margin-right: -4px;
+        vertical-align: top;
+    }
+
     &__lock {       
         color: $status-secondary-color;
         width: 22px;
@@ -165,4 +171,4 @@
     -moz-animation: loadingAnimation 1s infinite;
     -o-animation: loadingAnimation 1s infinite;
     animation: loadingAnimation 1s infinite;
-}
+}