diff --git a/frontend/package-lock.json b/frontend/package-lock.json index d7e6669..7889661 100644 --- a/frontend/package-lock.json +++ b/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", diff --git a/frontend/package.json b/frontend/package.json index e9a0434..88ef5a6 100644 --- a/frontend/package.json +++ b/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", diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index 5a477cc..3c2693f 100644 --- a/frontend/src/styles/global.css +++ b/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 {