Instances using Photon with SSR have rightfully complained that there's a layout shift between server load and hydration. This happens because the current navbar's position isn't determined by CSS, but by calculations in JavaScript. This is pretty messy and bad.

I rewrote it to be CSS based so that this shift won't happen, and it also simplifies the code quite a lot. However, there's one downside, you won't be able to manually customize the position: the navbar will be a top panel on desktop, and a bottom dock on mobile.

One new feature in this is that on mobile, the bottom dock will hide when you scroll down and re-appear when you scroll up at all. You can disable that in settings.

I consider Photon an opinionated client (of my opinion), but I also want to make sure this isn't a dealbreaker for anyone.

Github Link

Preview URL

all 4 comments

sorted by: hot top controversial new old

[–] poVoq@slrpnk.net 2 points 4 months ago

Seems ok to me.

[–] cole@lemdro.id 1 points 4 months ago

I still personally prefer bottom panel vs floating dock, but it's very good as-is so I won't die on that hill.

just find the panel more utilitarian