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

fix frontend calendar race states
Some checks failed
CI / build-and-test (pull_request) Has been cancelled
Details

Browse Source
This commit is contained in:
Anton
2026-04-27 12:31:29 +03:00
parent 0b7ad23252
commit dffbb48d99
5 changed files with 186 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -45,6 +45,12 @@ a {
font-weight: 700;
}
.app-shell__brand:hover,
.app-shell__brand:focus-visible {
color: var(--color-text);
outline: none;
}
.app-shell__nav {
display: flex;
align-items: center;
@@ -1006,6 +1012,26 @@ a {
color: var(--color-text);
}
.races-cal__month-title-button {
display: inline-flex;
align-items: center;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
font-weight: inherit;
cursor: pointer;
}
.races-cal__month-title-button:hover,
.races-cal__month-title-button:focus-visible {
color: var(--color-accent);
text-decoration: underline;
text-underline-offset: 2px;
outline: none;
}
.races-cal__weekdays {
display: grid;
grid-template-columns: repeat(7, 1fr);
@@ -1040,6 +1066,12 @@ a {
color: var(--color-accent);
}
.races-cal__cell--past .races-cal__day-btn {
color: var(--color-text-muted);
background: #f0f2f4;
border-color: #d8dde2;
}
.races-cal__cell--open {
z-index: 2;
}
@@ -1070,6 +1102,12 @@ a {
border-color: var(--color-accent);
}
.races-cal__cell--today .races-cal__day-btn,
.races-cal__cell--today .races-cal__day-btn:hover,
.races-cal__cell--today .races-cal__day-btn:focus-visible {
border-color: var(--color-text);
}
.races-cal__popover {
position: absolute;
top: calc(100% + var(--space-1));
@@ -1226,6 +1264,11 @@ body {
color: var(--color-bg-deep);
}
.app-shell__brand:hover,
.app-shell__brand:focus-visible {
color: var(--color-accent);
}
.app-shell__link {
font-size: var(--font-size-caption);
font-weight: 700;
@@ -1747,18 +1790,61 @@ body {
font-weight: 800;
}
.races-cal__month-title-button {
border-radius: var(--radius-sm);
transition:
color 0.15s ease,
text-decoration-color 0.15s ease;
}
.races-cal__month-title-button:hover,
.races-cal__month-title-button:focus-visible {
color: var(--color-accent);
}
.races-cal__cell--has-race .races-cal__day-btn {
color: #071927;
background: linear-gradient(135deg, rgba(185, 242, 74, 0.7), rgba(17, 104, 216, 0.14));
border-color: rgba(17, 104, 216, 0.18);
}
.races-cal__cell--past .races-cal__day-btn,
.races-cal__cell--past.races-cal__cell--has-race .races-cal__day-btn {
color: #6f7c87;
background: #eef1f3;
border-color: #d4dbe1;
}
.races-cal__cell--has-race .races-cal__day-btn:hover,
.races-cal__cell--has-race .races-cal__day-btn:focus-visible {
background: var(--color-lime);
border-color: var(--color-bg-deep);
}
.races-cal__cell--past .races-cal__day-btn:hover,
.races-cal__cell--past .races-cal__day-btn:focus-visible,
.races-cal__cell--past.races-cal__cell--has-race .races-cal__day-btn:hover,
.races-cal__cell--past.races-cal__cell--has-race .races-cal__day-btn:focus-visible {
color: #52616d;
background: #e3e8ec;
border-color: #aeb9c3;
}
.races-cal__cell--today .races-cal__day-btn,
.races-cal__cell--today.races-cal__cell--has-race .races-cal__day-btn,
.races-cal__cell--today.races-cal__cell--past .races-cal__day-btn {
border-color: #071927;
box-shadow: inset 0 0 0 1px #071927;
}
.races-cal__cell--today .races-cal__day-btn:hover,
.races-cal__cell--today .races-cal__day-btn:focus-visible,
.races-cal__cell--today.races-cal__cell--has-race .races-cal__day-btn:hover,
.races-cal__cell--today.races-cal__cell--has-race .races-cal__day-btn:focus-visible {
border-color: #071927;
box-shadow: inset 0 0 0 1px #071927;
}
.races-cal__popover {
border-color: rgba(17, 104, 216, 0.2);
border-radius: var(--radius-md);