From 78ad182ca648b915b97c91a066444d933b453591 Mon Sep 17 00:00:00 2001 From: bitcoinafterlife Date: Tue, 21 Jul 2026 16:52:14 +0000 Subject: [PATCH] Update index.html javascript patch --- index.html | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 0c78711..4ec9bed 100644 --- a/index.html +++ b/index.html @@ -352,10 +352,20 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px} .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch} .table-scroll table{min-width:420px} -/* Without JavaScript the panel cannot be toggled, so show it inline. */ +/* + Without JavaScript the panel cannot be toggled, so the links are shown + inline. On narrow screens they wrap under the logo and the bar is allowed + to grow, instead of being clipped by the fixed 60px height. +*/ .nojs .navtoggle{display:none} .nojs .topbar nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap; box-shadow:none;border-bottom:0;padding:0;margin-left:auto;background:transparent} +@media (max-width:900px){ + .nojs .topbar .wrap{height:auto;min-height:56px;flex-wrap:wrap;padding-bottom:8px;gap:10px} + .nojs .topbar nav{margin-left:0;width:100%;gap:4px 6px} + .nojs .topbar nav a{font-size:14.5px;min-height:40px;padding:0 10px; + display:flex;align-items:center;border:1px solid var(--line);border-radius:8px} +} @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}} :focus-visible{outline:2px solid var(--accent);outline-offset:2px}