Sticky New Topic Banner

[Don]

Hello With this component the new topic banner will stick to the top of the page under header or on mobile fixed to the bottom of the page. So you can see always wherever you on topic list if there is a new or updated topic.

On Desktop view

On Mobile view (both position top and bottom with Discourse Tab Bar for mobile)

There are two position on mobile and one on desktop.

• Sticky (top) works on desktop and mobile
• Fixed (bottom) works on mobile

On fixed to bottom position also support footer nav on iPhone / iPad and Discourse Tab Bar for mobile.

You can also change the new topic banner text alignment to center.

Theme Settings

Credit This theme component is made from @Johani perfect solution: Sticky see new or updated topic notification - #2 by Johani | Thank you Joe!

	Repository	GitHub - VaperinaDEV/discourse-sticky-new-topic-banner
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

[Decorbuz]

Honestly, that belongs in the core version of Discourse.

[davidkingham]

I don’t know if this really needs to be fixed, but I’m seeing this warning in the console:

[Warning] [THEME 203 'Sticky New Topic Banner'] (chunk.c299dadf3652266cf24c.d41d8cd9.br.js, line 47)
"Deprecation notice: controller:discovery/topics no longer exists, and this shim will eventually be removed. To fetch information about the current discovery route, use the discovery service instead. [deprecation id: discourse.discovery-topics-controller]"

[Don]

Thanks @davidkingham! I’ve merged an update to fix this: DEV: Modernize modifyClass · VaperinaDEV/discourse-sticky-new-topic-banner@1cea3ed · GitHub