https://lhero.org/portfolio/lh-navigation-listener/ Helping Organisations get organised! Sun, 27 Sep 2026 04:20:01 +0000 hourly 1 https://lhero.org/portfolio/lh-navigation-listener/#comment-1536652 Sun, 27 Sep 2026 04:20:01 +0000 https://lhero.org/?post_type=lh-portfolio&p=148566#comment-1536652 The progress bar now carries its own styling: a few lines of inline CSS, printed only on pages where the script loads, instead of relying on the LH 2015 theme. Its colours can be changed with the –lh-navigation-listener-track and –lh-navigation-listener-bar custom properties, the CSS can be filtered (lh_navigation_listener_return_inline_css) or dequeued (handle lh_navigation_listener-style), the rules use zero-specificity selectors so any theme rule wins, and the animation respects the reduced-motion preference. The bar is now only added when the site runs as an installed web app, as a hidden div rather than an empty nav landmark at the top of every page, and it clears itself on navigation errors, in-page anchor links, downloads and back-button returns. The script is registered with the core defer strategy and no longer depends on a helper class from another plugin. Leftover console logging and an unused function removed. Also adds the standard plugin header fields (License, Requires at least 6.3, Requires PHP 7.4), the lh_navigation_listener_init_plugin filter, identity methods reading the header, and index.php guards in the assets folders.

]]> https://lhero.org/portfolio/lh-navigation-listener/#comment-1536651 Fri, 20 Oct 2023 10:11:25 +0000 https://lhero.org/?post_type=lh-portfolio&p=148566#comment-1536651 Initial release: listens for browser Navigation API events and shows a progress bar while a new page loads when the site runs as an installed web app. Styling was supplied by the LH 2015 theme.

]]>