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

OP OpenVibers committed 4 Oct 2026 · 7e2ca6ac85 · 1 file, +2 −2

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

Changes

ddiff --git a/public/css/reviews.css b/public/css/reviews.css
iindex 371cefa..22fbdac 100644
---- a/public/css/reviews.css
++++ b/public/css/reviews.css
@@@ -15,8 +15,8 @@
  body { margin: 0; background: var(--rv-bg); color: var(--rv-text); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
  a { color: var(--rv-accent); }
  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--rv-accent); outline-offset: 2px; }
--.rv-skip { position: absolute; left: -9999px; }
--.rv-skip:focus { left: 16px; top: 8px; background: var(--rv-panel); padding: 6px 10px; z-index: 10; }
++.skip { position: absolute; left: -9999px; }
++.skip:focus { left: 16px; top: 8px; background: var(--rv-panel); padding: 6px 10px; z-index: 10; }
  .rv-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .rv-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(--rv-line); }
  .rv-brand { font-weight: 700; color: var(--rv-text); text-decoration: none; }