tandem
/
numerus
2
0
Fork 0
Code Issues 39 Pull Requests Packages Projects 1 Releases 1 Wiki Activity

Keep header fixed, and remove footer 

Now that the navigation is inside the header, and the header is not
as tall as it once was, it makes sense to keep it always on the top of
the page, scrolling only within <main>, since it is the main menu, and
fairly used to switch from screen to screen.

I removed the footer because now it would be always visible, and i was
a bit weary of having the application name repeated that much.  It was
there mainly for the version number, that helps me check i installed the
application’s latest version on the server, but that role can also be
filled with meta tags.

Closes #97.
This commit is contained in:
jordi fita mas 2024-09-05 14:37:30 +02:00
parent 36423c8636
commit 16e80b5ae0
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/static/numerus.css
View File

@ -173,6 +173,8 @@ body {
font-size: 1.6rem;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
display: flex;
flex-direction: column;
}
body, dialog {
@ -311,11 +313,7 @@ header nav a[aria-current] {
main {
padding: 2rem 3rem;
}
body > footer {
border-top: 1px solid var(--numerus--color--light-gray);
padding: .25em 3rem;
overflow-y: scroll;
}
.input {

5
web/template/app.gohtml
View File

@ -3,6 +3,8 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="application-name" content="Numerus">
<meta name="generator" content="Numerus {{ numerusVersion }}">
<title>{{ template "title" . }} — Numerus</title>
<link rel="stylesheet" type="text/css" media="screen" href="/static/numerus.css?v={{ numerusVersion }}">
<script src="/static/htmx@1.9.2.min.js"></script>
@ -87,9 +89,6 @@
{{- template "breadcrumbs" . }}
{{- template "content" . }}
</main>
<footer>
<p><small>{{printf ( gettext "<a href=\"https://numerus.cat/\">Numerus</a> Version: %s") numerusVersion | unsafe}}</small></p>
</footer>
</body>
<div x-data="snackbar">
<div x-show="show"