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

Compare commits

base: tandem:6ef551a846ace9cc65ad1377d9994526cd880c4c
Branches Tags
tandem:master
tandem:v1.1
tandem:v1
tandem:v0
...
compare: tandem:16e80b5ae0e9a7c03f4e9550793a20eaf866c5fc
Branches Tags
tandem:master
tandem:v1.1
tandem:v1
tandem:v0

2 Commits
6ef551a846 ... 16e80b5ae0

Author SHA1 Message Date
jordi fita mas 16e80b5ae0 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.
 2024-09-05 14:37:30 +02:00
jordi fita mas 36423c8636 Shrink user menu’s button and application title 
They were too big now that we have the main navigation in the header.

This is part of #98.
 2024-09-05 14:23:22 +02:00
2 changed files with 9 additions and 12 deletions
Show Stats Expand all files Collapse all files

12
web/static/numerus.css
View File

@ -173,6 +173,8 @@ body {
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
display: flex;
flex-direction: column;
} }
body, dialog { body, dialog {
@ -311,11 +313,7 @@ header nav a[aria-current] {
main { main {
padding: 2rem 3rem; padding: 2rem 3rem;
} overflow-y: scroll;
body > footer {
border-top: 1px solid var(--numerus--color--light-gray);
padding: .25em 3rem;
} }
.input { .input {
@ -528,8 +526,8 @@ ul[role="menu"].action-menu li i[class^='ri-'] {
} }
#profile-menu summary { #profile-menu summary {
width: 7rem; width: 4.5rem;
height: 7rem; height: 4.5rem;
margin: 1rem 0; margin: 1rem 0;
border-radius: 50%; border-radius: 50%;
border: none; border: none;

9
web/template/app.gohtml
View File

@ -3,6 +3,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <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> <title>{{ template "title" . }} — Numerus</title>
<link rel="stylesheet" type="text/css" media="screen" href="/static/numerus.css?v={{ numerusVersion }}"> <link rel="stylesheet" type="text/css" media="screen" href="/static/numerus.css?v={{ numerusVersion }}">
<script src="/static/htmx@1.9.2.min.js"></script> <script src="/static/htmx@1.9.2.min.js"></script>
@ -12,7 +14,7 @@
</head> </head>
<body class="filters-visible"> <body class="filters-visible">
<header> <header>
<h1><img src="/static/numerus.svg" alt="Numerus" width="261" height="33"></h1> <h1><img src="/static/numerus.svg" alt="Numerus" width="168" height="21"></h1>
<nav aria-label="{{( pgettext "Main" "title" )}}" data-hx-target="main" data-hx-boost="true"> <nav aria-label="{{( pgettext "Main" "title" )}}" data-hx-target="main" data-hx-boost="true">
<ul> <ul>
<li><a{{if requestURIMatches (companyURI "/") }} aria-current="page"{{ end }} href="{{ companyURI "/" }}">{{( pgettext "Dashboard" "nav" )}}</a></li> <li><a{{if requestURIMatches (companyURI "/") }} aria-current="page"{{ end }} href="{{ companyURI "/" }}">{{( pgettext "Dashboard" "nav" )}}</a></li>
@ -26,7 +28,7 @@
</nav> </nav>
<details id="profile-menu" class="menu"> <details id="profile-menu" class="menu">
<summary aria-label="{{( gettext "Profile menu" )}}"> <summary aria-label="{{( gettext "Profile menu" )}}">
<i class="ri-user-6-line ri-3x"></i> <i class="ri-user-6-line ri-2x"></i>
</summary> </summary>
<ul role="menu" class="action-menu" data-hx-push-url="false" data-hx-swap="beforeend"> <ul role="menu" class="action-menu" data-hx-push-url="false" data-hx-swap="beforeend">
<li role="presentation"> <li role="presentation">
@ -87,9 +89,6 @@
{{- template "breadcrumbs" . }} {{- template "breadcrumbs" . }}
{{- template "content" . }} {{- template "content" . }}
</main> </main>
<footer>
<p><small>{{printf ( gettext "<a href=\"https://numerus.cat/\">Numerus</a> Version: %s") numerusVersion | unsafe}}</small></p>
</footer>
</body> </body>
<div x-data="snackbar"> <div x-data="snackbar">
<div x-show="show" <div x-show="show"