Remove the "unread" timeline section

app/assets/javascripts/discourse/widgets/topic-timeline.js.es6

@@ -199,16 +199,13 @@ createWidget('timeline-scrollarea', {
       this.attach('timeline-padding', { height: after })
     ];
 
-    if (position.lastRead > 1 && position.total > 5) {
+    if (hasBackPosition) {
       const lastReadTop = Math.round(position.lastReadPercentage * SCROLLAREA_HEIGHT);
-      if (hasBackPosition) {
-        result.push(this.attach('timeline-last-read', {
-          top: lastReadTop,
-          lastRead: position.lastRead,
-          showButton
-        }));
-      }
-      result.push(this.attach('timeline-unread-area', { top: lastReadTop}));
+      result.push(this.attach('timeline-last-read', {
+        top: lastReadTop,
+        lastRead: position.lastRead,
+        showButton
+      }));
     }
 
     return result;
@@ -244,21 +241,6 @@ createWidget('timeline-scrollarea', {
   }
 });
 
-createWidget('timeline-unread-area', {
-  tagName: 'div.timeline-unread',
-
-  buildAttributes(attrs) {
-
-    const top = attrs.top + (LAST_READ_HEIGHT / 2);
-    if (top) {
-      return {
-        style: `top: ${top}px; height: ${SCROLLAREA_HEIGHT - top}px`
-      };
-    }
-  }
-
-});
-
 createWidget('topic-timeline-container', {
   tagName: 'div.timeline-container',
   buildClasses(attrs) {

app/assets/stylesheets/common/topic-timeline.scss

@@ -17,15 +17,6 @@
   position: fixed;
   -webkit-transform: translate3d(0,0,0);
 
-  .timeline-unread {
-    left: -1px;
-    position: absolute;
-    border-left: 3px solid;
-    border-color: $tertiary;
-    width: 10px;
-    z-index: 500;
-  }
-
   &.timeline-docked {
     position: absolute;
   }
@@ -61,9 +52,6 @@
     box-shadow: 0px -2px 4px -1px rgba(0,0,0,.25);
     padding-top: 20px;
     z-index: 100000;
-    .timeline-unread {
-      display: none;
-    }
     .back-button {
       display: none;
     }