diff options
| author | Francesco <tomaselli.fr@gmail.com> | 2025-05-04 12:11:33 +0200 |
|---|---|---|
| committer | Francesco <tomaselli.fr@gmail.com> | 2025-05-04 12:11:36 +0200 |
| commit | f5e02840e3094bb5251bd00de57612931f2ce032 (patch) | |
| tree | 0750ddaa85018b5b42dd4368cd9738a0a1b0d381 | |
| parent | 9ca0f75006da623734fc2fcd9bc499b7e017a20c (diff) | |
Word break in header menu, reduced excessive margins while wrapped
| -rw-r--r-- | assets/css/main.css | 8 | ||||
| -rw-r--r-- | layouts/partials/header.html | 10 |
2 files changed, 13 insertions, 5 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 7ae1fce..300bc16 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -185,10 +185,16 @@ hr { .header p { font-size: small; font-family: var(--font-mono); - margin-top: var(--header-menu-top-gap); + margin-top: 0; margin-right: var(--header-menu-side-gap); } +.header-menu { + display: flex; + flex-wrap: wrap; + padding-top: var(--header-menu-top-gap); +} + .header-title { font-size: 2.6em; font-weight: bold; diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 1d8301e..7af4224 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -8,14 +8,16 @@ <a href="{{ site.BaseURL }}">{{ site.Title }}</a> </h1> - <div class="flex"> + <div class="header-menu"> {{ $currentPage := . }} {{ with site.Params.menu }} {{ range . }} - - <p class="small {{ if eq .name (lower $currentPage.Name) }} bold {{end}}"> - <a href="{{ .url }}" {{ if and (isset . "newTab") .newTab }}target="_blank" rel="noopener noreferrer"{{ end }}> + + <p + class="small {{ if eq .name (lower $currentPage.Name) }} bold {{end}}"> + <a href="{{ .url }}" {{ if and (isset . "newTab") .newTab + }}target="_blank" rel="noopener noreferrer" {{ end }}> /{{.name }} </a> </p> |