cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-24 00:19:21 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

fix(finder): colour the index badge with the shared helper

Browse Source 
The badge painted the entry colour straight into the background and left
the text colour fixed, so a light entry colour rendered an unreadable
number. Every other place that tints an element by entry colour goes
through getAccessibleColour, which picks the text colour to match.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DzALEq9gGWwFmwTdgAiFcY
This commit is contained in:
Claude
2026-08-19 04:19:47 +00:00
parent bb221685ea
commit 90ae00c88e
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/views/editor/finder/Finder.module.scss
+2 -1
View File
@@ -86,7 +86,8 @@
.index { .index {
grid-area: index; grid-area: index;
background-color: var(--color, $gray-1000); // background and text colour come from getAccessibleColour, which keeps the
// number legible whatever colour the user gave the entry
border-radius: 2px; border-radius: 2px;
padding-block: 0.25rem; padding-block: 0.25rem;
width: 3.5rem; width: 3.5rem;
apps/client/src/views/editor/finder/Finder.tsx
+2 -1
View File
@@ -4,6 +4,7 @@ import { KeyboardEvent, PointerEvent, useDeferredValue, useEffect, useRef, useSt
import Input from '../../../common/components/input/input/Input'; import Input from '../../../common/components/input/input/Input';
import Kbd from '../../../common/components/kbd/Kbd'; import Kbd from '../../../common/components/kbd/Kbd';
import Modal from '../../../common/components/modal/Modal'; import Modal from '../../../common/components/modal/Modal';
import { getAccessibleColour } from '../../../common/utils/styleUtils';
import useFinder, { FinderResult } from './useFinder'; import useFinder, { FinderResult } from './useFinder';
import style from './Finder.module.scss'; import style from './Finder.module.scss';
@@ -146,7 +147,7 @@ export default function Finder({ isOpen, onClose }: FinderProps) {
onPointerMove={(event) => handlePointerMove(event, entry.id)} onPointerMove={(event) => handlePointerMove(event, entry.id)}
> >
<div className={style.data}> <div className={style.data}>
<div className={style.index} style={{ '--color': entry.colour }}> <div className={style.index} style={getAccessibleColour(entry.colour)}>
{entry.eventIndex ?? '-'} {entry.eventIndex ?? '-'}
</div> </div>
<div className={style.cue}>{entry.cue}</div> <div className={style.cue}>{entry.cue}</div>