diff --git a/framework/core/js/src/forum/components/PostStreamScrubber.js b/framework/core/js/src/forum/components/PostStreamScrubber.js index 163003aa1c..dbefbde239 100644 --- a/framework/core/js/src/forum/components/PostStreamScrubber.js +++ b/framework/core/js/src/forum/components/PostStreamScrubber.js @@ -69,7 +69,7 @@ export default class PostStreamScrubber extends Component { ); } - scrubberItems(viewing, unreadCount, _unreadPercent, styleUnread) { + scrubberItems(viewing, unreadCount, unreadPercent, styleUnread) { const items = new ItemList(); items.add( @@ -82,21 +82,7 @@ export default class PostStreamScrubber extends Component { items.add( 'scrollbar', -
-
-
-
-
- {viewing} - -
-
-
- -
- {app.translator.trans('core.forum.post_scrubber.unread_text', { count: unreadCount })} -
-
, +
{this.scrollbarItems(viewing, unreadCount, unreadPercent, styleUnread).toArray()}
, 90 ); @@ -111,6 +97,35 @@ export default class PostStreamScrubber extends Component { return items; } + scrollbarItems(viewing, unreadCount, _unreadPercent, styleUnread) { + const items = new ItemList(); + + items.add('before',
, 100); + + items.add( + 'handle', +
+
+
+ {viewing} + +
+
, + 90 + ); + + items.add('after',
, 80); + + items.add( + 'unread', +
+ {app.translator.trans('core.forum.post_scrubber.unread_text', { count: unreadCount })} +
, + 70 + ); + + return items; + } onupdate(vnode) { super.onupdate(vnode);