Topic progress indicator, one version for all viewport widths

cpradio · July 25, 2016, 4:52pm

You might be able to do this via a Plugin by reopening and overriding the _checkSize method at

app/assets/javascripts/discourse/components/topic-navigation.js.es6

a832d8837

export default Ember.Component.extend({
  composerOpen: null,
  classNameBindings: ['composerOpen'],
  showTimeline: null,
  info: null,

  _checkSize() {
    const renderTimeline = $(window).width() > 960;
    this.set('info', { renderTimeline, showTimeline: renderTimeline && !this.get('composerOpen') });
  },

  composerOpened() {
    this.set('composerOpen', true);
    this._checkSize();
  },

  composerClosed() {
    this.set('composerOpen', false);
    this._checkSize();
  },

This file has been truncated. show original

Topic		Replies	Views
How to change Topic progress Development	0	610	May 23, 2018
Weird Topic Progress Bar Behavior UX	7	932	February 17, 2020
Problem with `topic-progress-wrapper` in RTL Bug	5	715	February 9, 2021
For specific browser widths, horizontal scroll bar appears UX	4	2056	April 12, 2018
Hide topic progress bar on mobile Product Support	1	424	February 11, 2021

Topic progress indicator, one version for all viewport widths

Related topics