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

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

@@ -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 {