Skip to content

v2.9.31 — Hybrid quick-nav (Popover category menus)

Choose a tag to compare

@inafev inafev released this 20 Jun 13:57

Hybrid quick-nav — direct pills + Popover category menus

Collapsed the 25-destination quick-nav from 3 wrapped rows to a single slim row that stays one row no matter how many destinations are added.

Structure

  • 7 direct one-click pills: 🗺️ Topic Map · 📊 Digest · ☸️ Kubernetes · 🐳 Docker · 🔄 GitOps · 🏗️ Terraform · 🤖 AI & MCP
  • 5 category menus (native HTML Popover API + CSS Anchor Positioning, Baseline 2026, zero JS):
    • ☁️ Cloud → AWS · Azure · GCP
    • 🌐 Network → Networking · Istio · K8s Net
    • 🔐 Security → K8s Security · DevSecOps
    • ⚙️ Ops → CI/CD · Observability · SRE · DevOps
    • More → Videos · Ansible · Messaging · MLOps · Methodology · V1 Archive

Why

Keeps the hot paths at one click while the rarely-used clusters fold away, so the bar never grows past one row. The Popover API provides built-in Esc / click-outside dismissal and focus management (identical on touch and desktop); menus drop below their button via position-area with flip fallbacks, animate in via @starting-style, and rotate their caret with :has(). prefers-reduced-motion honored.

Notes

  • All 25 destinations preserved. docs/overrides/main.html + docs/static/v2_elite.css; cache-bust ?v=2.9.31. V2-only.

🤖 Generated with Claude Code