Repository navigation
fix(landing): compact non-sticky mobile header and CSP-safe analytics - #226
Merged
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
On phones the landing header was sticky and wrapped into three rows (logo, language/theme/install, in-page anchors), taking 221 px at 390x844 and 264 px at 360x740, up to 36% of the viewport. It stayed pinned while scrolling, leaving very little room for content.
Separately, the analytics script was loaded from
umami.domatix.com, which the page CSP does not allow (script-src/connect-srconly permitstat.domatix.com), so visits were silently dropped.Changes
landing/styles.css: onmax-width: 860pxthe nav becomesposition: staticand a single compact row (logo, language, theme). In-page anchors and the install CTA are hidden on phones; NextSync is a GNOME desktop app, so the CTA is a desktop affordance. Desktop behaviour is unchanged.landing/index.html: analytics host switched fromumami.domatix.comto the CSP-allowedstat.domatix.com(samedata-website-id). Cache-bust bumped to?v=3.Verification
Playwright run at 360, 390 and 414 px plus desktop: 28/28 checks passing locally and against production.
position: static, scrolls away with the page.POST https://stat.domatix.com/api/sendreturns 200.Already deployed to https://nextsync.cloudless.club/ and verified there.
Closes #224
Closes #225