docs: add sticky header support for documentation pages

- Add CSS rules to web/static/input.css for header positioning
- Header is sticky only on /docs pages via .page-docs body class
- Add page-docs class to body element in templates/docs.templ
- Non-docs pages have static header position
This commit is contained in:
2026-02-03 16:16:14 -05:00
parent d9c6be1429
commit 79373dd225
5 changed files with 41 additions and 527 deletions
+18
View File
@@ -144,6 +144,24 @@
color: var(--text-primary);
}
/* Header component styles */
.header-nav {
position: sticky;
top: 0;
}
/* Make header sticky only on docs pages */
body:not(.page-docs) .header-nav {
position: static;
}
/* Add class to body on docs pages */
.page-docs .header-nav {
position: sticky;
top: 0;
z-index: 50;
}
.card {
background-color: var(--bg-secondary);
border-color: var(--border);