Hi! Noticed that the topic progress indicator got a big revamp on the new version of Discourse and was wondering if there was an easy way to revert to having the bottom widget version, only, for all viewport widths. We have a design problem where the right hand gutter was removed and would like to have the bottom widget still present on the desktop version but can’t find a straightforward way to get it to show. Thanks for any help!
AI-generated summary
The discussion revolves around the topic progress indicator on Discourse. e_division wants to revert to the bottom widget version for all viewport widths, as the removal of the right-hand gutter in their design is causing issues. codinghorror suggests that the mobile style progress bar is only available on narrow widths, and it’s not possible to have it on desktop browsers. e_division attempts to override it with CSS, but is unsuccessful. cpradio proposes a possible solution via a plugin by overriding the _checkSize method in the topic-navigation.js file. Anonymouse questions why the progress bar’s position is hardcoded and not a setting.
Size the browser to a narrow width and you will get the mobile style progress bar.
Hi Jeff, thanks for responding, was wondering if there is a way to have the mobile style progress bar even when viewing the forum from a desktop browser. Trying to override it with some css rules but not having any success with it.
Not that I am aware of.
Yeah, just noticed the whole code block is completely removed and re-injected in larger viewports so I guess targeting it with css is pointless, thanks for your response.
You might be able to do this via a Plugin by reopening and overriding the _checkSize method at
5 лайков
Why is this hardcoded and not a setting instead?