Language selector lags since v2.12.0

[peternmuller]

Since Hugolify v2.12.0, the multi language selector shows an empty button box for the unselected language.

Until Hugolify v2.11 it looks like this:

But since Hugolify v2.12.0, it looks like this:

You have to scroll down to get an empty button to have the other language:

[sebousan]

Hi @peternmuller

Thank you for your interest in Hugolify.

Could you please give me all modules versions ?

I am working hard on hugolify-theme-design-system, so I might break things in hugolify-theme-bootstrap, which is no longer a priority. I just updated that module to fix a few issues.

If you ever feel like improving or fixing things in hugolify-theme-bootstrap, I’d be delighted.

Thanks

[peternmuller]

require (
	github.com/Splidejs/splide v4.1.3+incompatible // indirect
	github.com/dixonandmoe/rellax v0.0.0-20240824005335-9ed6cb0aae03 // indirect
	github.com/gohugoio/hugo-mod-bootstrap-scss/v5 v5.20300.20800 // indirect
	github.com/hugolify/hugolify-theme-bootstrap v1.30.0 // indirect
	github.com/hugolify/hugolify-theme/v2 v2.11.0 // indirect
	github.com/midzer/tobii v3.2.0+incompatible // indirect
	github.com/orestbida/cookieconsent v3.1.0+incompatible // indirect
	github.com/twbs/icons v1.13.1 // indirect
)

was my setup to make things work properly. I didn't test hugolify-theme-bootstrap v1.31.0, but I'll just switch to hugolify-theme-design-system since that will be the most maintained version.

[peternmuller]

Also, I think it would be a great idea to add a documentation on how to use Hugolify with Hugo modules instead of forking the theme, which is a "cleaner" approach to use a theme but a bit tricky to set up as of now with the npm deps and especially the postcss setup.

[sebousan]

@peternmuller

For hugolify-theme-design-system, we can discuss this by opening an issue here, for example.

In the meantime, I have updated the documentation as well as the example template:

• https://github.com/Hugolify/hugolify-template/tree/hugolify-theme-design-system
• https://www.hugolify.io/docs/customization/design/design-system/