diff --git a/hive-c0re/assets/app.js b/hive-c0re/assets/app.js index b31bdd1..b529b00 100644 --- a/hive-c0re/assets/app.js +++ b/hive-c0re/assets/app.js @@ -662,7 +662,7 @@ : lnk.kind === 'external' ? (lnk.url || '') : /* container */ containerBase + (lnk.url || ''); const a = el('a', { - class: 'meta nav-link', + class: 'nav-link', href, target: '_blank', rel: 'noopener', diff --git a/hive-c0re/assets/dashboard.css b/hive-c0re/assets/dashboard.css index e61c007..6a96df7 100644 --- a/hive-c0re/assets/dashboard.css +++ b/hive-c0re/assets/dashboard.css @@ -134,6 +134,31 @@ a:hover { font-weight: bold; } .container-row .head .meta { margin-left: auto; } +/* Icon-only nav strip in the head row — the per-container backend- + supplied link list (issue #262). Inline-flex + gap so a longer list + (e.g. with `dashboardLinks` extras) doesn't cram (issue #333). Each + link gets a comfortable hit target with a subtle hover so the + icons read as interactive rather than decorative. */ +.container-row .head .nav-strip { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + gap: 0.35em; +} +.nav-link { + color: var(--muted); + font-size: 0.95em; + line-height: 1; + padding: 0.15em 0.35em; + border-radius: 3px; + text-decoration: none; + transition: background 0.12s ease, color 0.12s ease; +} +.nav-link:hover { + background: rgba(203, 166, 247, 0.12); + color: var(--cyan); + text-shadow: 0 0 6px rgba(137, 220, 235, 0.5); +} .container-row .actions { display: flex; flex-wrap: wrap;