Style the shell's skip link so it only shows on focus

OP OpenVibers committed 4 Oct 2026 · 019269b6e7 · 1 file, +2 −2

Asked: PR #6 (OpenVibe.Wiki) review FIX, decided by Opus: an exact selector rename, no design judgment. In public/css/wiki.css (around lines 18-19) rename the selector `.wk-skip` to `.skip` and `.wk-skip:focus` to `.skip:focus`. Keep every declaration inside those rules exactly as it is. Reason: the share…
Harness job task-Wiki-pr-6-openvibe-wiki-review-170110.

Changes

ddiff --git a/public/css/wiki.css b/public/css/wiki.css
iindex c07a212..b68c384 100644
---- a/public/css/wiki.css
++++ b/public/css/wiki.css
@@@ -15,8 +15,8 @@
  body { margin: 0; background: var(--wk-bg); color: var(--wk-text); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
  a { color: var(--wk-accent); }
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--wk-accent); outline-offset: 2px; }
--.wk-skip { position: absolute; left: -9999px; }
--.wk-skip:focus { left: 16px; top: 8px; background: var(--wk-panel); padding: 6px 10px; z-index: 10; }
++.skip { position: absolute; left: -9999px; }
++.skip:focus { left: 16px; top: 8px; background: var(--wk-panel); padding: 6px 10px; z-index: 10; }
  .wk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .wk-bar { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; max-width: 1100px; margin: 0 auto; padding: 12px 16px; border-bottom: 1px solid var(--wk-line); }
  .wk-brand { font-weight: 700; color: var(--wk-text); text-decoration: none; }