Merge pull request 'fix(frontend): animate full race list row on hover (li, not inner link)' (#24) from fix/race-list-card-hover into main

Reviewed-on: admin/runners-calendar#24

frontend/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "calendar-run-frontend",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "calendar-run-frontend",
-      "version": "0.4.1",
+      "version": "0.4.2",
       "dependencies": {
         "react": "^18.3.1",
         "react-dom": "^18.3.1",

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "calendar-run-frontend",
   "private": true,
-  "version": "0.4.1",
+  "version": "0.4.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

frontend/src/styles/global.css

@@ -321,6 +321,15 @@ a {
 .race-card--action {
   padding: 0;
   overflow: visible;
+  transition:
+    transform 0.15s ease,
+    box-shadow 0.15s ease;
+}
+
+.race-card--action:hover,
+.race-card--action:focus-within {
+  transform: scale(1.02);
+  box-shadow: var(--shadow-card-lift);
 }
 
 .race-card__link-surface {
@@ -333,16 +342,12 @@ a {
   border-radius: var(--radius-sm);
   color: inherit;
   text-decoration: none;
-  transition:
-    transform 0.15s ease,
-    box-shadow 0.15s ease;
+  outline: none;
 }
 
-.race-card--action:hover .race-card__link-surface,
-.race-card--action:focus-within .race-card__link-surface {
-  transform: scale(1.02);
-  box-shadow: var(--shadow-card-lift);
-  outline: none;
+.race-card__link-surface:focus-visible {
+  outline: 2px solid var(--color-accent);
+  outline-offset: 2px;
 }
 
 .race-card__title-text {