admin/runners-calendar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): animate full race list row on hover (li, not inner link)
Some checks failed
CI / build-and-test (pull_request) Has been cancelled
Details

Browse Source 
Move scale/shadow transition to .race-card--action; keyboard focus ring on link.
Version 0.4.2.

Made-with: Cursor
This commit is contained in:
Vaka.pro
2026-04-13 22:47:06 +03:00
parent 92c2360feb
commit afb0f7ef31
3 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/package-lock.json generated
View File

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

2
frontend/package.json
View File

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

21
frontend/src/styles/global.css
View File

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