CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-12-17 00:52:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Update segment color schemes in video and chapters editor.

Browse Source
This commit is contained in:
Yiannis Christodoulou
2025-12-16 09:28:29 +02:00
parent ddf23271ea
commit d4d219861d
9 changed files with 134 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend-tools/video-editor/client/src/components/ClipSegments.tsx
View File

@@ -28,9 +28,9 @@ const ClipSegments = ({ segments }: ClipSegmentsProps) => {
// Generate the same color background for a segment as shown in the timeline
const getSegmentColorClass = (index: number) => {
// Return CSS class based on index modulo 8
// This matches the CSS nth-child selectors in the timeline
return `segment-default-color segment-color-${(index % 8) + 1}`;
// Return CSS class based on index modulo 20
// This matches the CSS classes for up to 20 segments
return `segment-default-color segment-color-${(index % 20) + 1}`;
};
return (