added new status notification in TL

src/app/components/stream/stream-statuses/stream-statuses.component.html

@@ -5,7 +5,10 @@
         </a>
     </div>
 
-    <div class="stream-toots__content flexcroll" #statusstream (scroll)="onScroll()" tabindex="0">
+    <div class="stream-toots__new-notification" 
+        [class.stream-toots__new-notification--display]="bufferStream && bufferStream.length > 0"></div>
+
+    <div class="stream-toots__content flexcroll" #statusstream (scroll)="onScroll()" tabindex="0">       
         <div *ngIf="displayError" class="stream-toots__error">{{displayError}}</div>
 
         <!-- data-simplebar  -->

src/app/components/stream/stream-statuses/stream-statuses.component.scss

@@ -5,7 +5,7 @@
     height: calc(100%);
     width: calc(100%);
     
-    // overflow: auto;
+    overflow: auto;
     position: relative;
 
     &__error {
@@ -22,6 +22,23 @@
         }
     }
 
+    &__new-notification {
+        z-index: 100;
+        width: $stream-column-width;
+        height: 25px;
+        position: absolute;
+        top: -16px;
+        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
+        transition: all .5s;
+        opacity: 0;
+
+        &--display {
+            opacity: 1;
+        }
+    }
+
+   
+
     &__status:not(:last-child) {
         border: solid #06070b;
         border-width: 0 0 1px 0;

src/app/components/stream/stream-statuses/stream-statuses.component.ts

@@ -28,7 +28,7 @@ export class StreamStatusesComponent implements OnInit, OnDestroy {
     private websocketStreaming: StreamingWrapper;
 
     statuses: StatusWrapper[] = [];
-    private bufferStream: Status[] = [];
+    bufferStream: Status[] = [];
     private bufferWasCleared: boolean;
 
     private hideBoosts: boolean;