helwasm: show the wordmark in standalone app mode (back link gone = room)

This commit is contained in:
Oleksandr Kozachuk
2026-06-10 00:31:51 +02:00
parent 90dd2532b5
commit a88f9f6c88
+4 -1
View File
@@ -72,9 +72,12 @@ body {
.backlink { display: inline-flex; align-items: center; gap: 5px; flex: none; font-family: var(--mono); font-size: 12px; letter-spacing: 0.03em; color: var(--muted); text-decoration: none; white-space: nowrap; padding: 6px 11px; border-radius: 999px; border: 1px solid var(--line); } .backlink { display: inline-flex; align-items: center; gap: 5px; flex: none; font-family: var(--mono); font-size: 12px; letter-spacing: 0.03em; color: var(--muted); text-decoration: none; white-space: nowrap; padding: 6px 11px; border-radius: 999px; border: 1px solid var(--line); }
.backlink:hover { color: var(--ocean); border-color: var(--ocean); background: rgba(27, 65, 97, 0.05); } .backlink:hover { color: var(--ocean); border-color: var(--ocean); background: rgba(27, 65, 97, 0.05); }
.backlink .arr { font-size: 14px; line-height: 1; } .backlink .arr { font-size: 14px; line-height: 1; }
/* Installed as a home-screen app (standalone launch): hide the back-to-site link. */ /* Installed as a home-screen app (standalone launch): hide the back-to-site link.
With it gone there's room, so show the wordmark again even on narrow phones
(higher specificity than the <=540px hide, so it wins regardless of order). */
@media (display-mode: standalone) { .backlink { display: none; } } @media (display-mode: standalone) { .backlink { display: none; } }
html.standalone .backlink { display: none; } html.standalone .backlink { display: none; }
html.standalone .wordmark { display: inline; }
/* Eyebrow label */ /* Eyebrow label */
.eyebrow { .eyebrow {