Changeset 851239c in Klonkt for src/views/partials

Timestamp:

06/15/2026 01:37:31 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

1907a18

Parents:

e6888ca

Message:

fix: topnav home button (home icon) + post-edit save/cancel with siteUrlBase prefix

• Hub brand 'Studio Noord' in the topnav replaced by a home icon button (-> /).
• post-edit form-action + Cancel were missing the /user/<slug>/ prefix: in hub the save went to a bare URL -> redirect without prefix -> post renders headerless (bareChrome). Now with _base prefix; header stays intact after saving.

Co-Authored-By: Claude <noreply@…>

File:

• src/views/partials/topnav.ejs (modified) (2 diffs)

src/views/partials/topnav.ejs

@@ -31 +31 @@
             HTMX, zodat de headerloze overview correct rendert). Eigen class want
             .site-title is overal display:none. %>
-        <a class="nav-hub-home" href="/" aria-label="Naar de hub-home"><%= (typeof hubTitle !== 'undefined' && hubTitle) ? hubTitle : 'Home' %></a>
+        <a class="nav-hub-home" href="/" aria-label="Home" title="Home">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
+        </a>
       <% } else if (site) { %>
         <a class="site-title" href="<%= _siteUrlBase %>/"
@@ -236 +238 @@
 /* Hub-home brand is WÉL zichtbaar — de thuisknop op artiest-/hub-pagina's. */
 .masthead-brand .nav-hub-home {
-  display: inline-block; vertical-align: middle;
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 40px; height: 40px;
   color: var(--ink); text-decoration: none;
-  font-family: var(--font-display, serif); font-weight: 700; font-size: 1.05rem;
-  transition: color 120ms;
-}
-.masthead-brand .nav-hub-home:hover { color: var(--accent); }
+  border-radius: 8px;
+  transition: color 120ms, background 120ms;
+}
+.masthead-brand .nav-hub-home:hover { color: var(--accent); background: var(--paper-2); }
+.masthead-brand .nav-hub-home svg { width: 22px; height: 22px; }
 
 /* On mobile, hide the entire masthead except for admin pages. The brand