|
@@ -1635,12 +1635,15 @@ export const fillWordColor = () => {
|
|
|
state.times.forEach((item: any, idx: number) => {
|
|
|
const svgEl = document.getElementById(`vf-${state.times[idx]?.svgElement?.attrs?.id}`)
|
|
|
const stemEl = document.getElementById(`vf-${state.times[idx]?.svgElement?.attrs?.id}-stem`)
|
|
|
+ const stemLine = document.getElementById(`vf-${state.times[idx]?.svgElement?.attrs?.id}-lines`)
|
|
|
if ((item.i === state.activeNoteIndex || item.id === state.times[state.activeNoteIndex].id) && item.svgElement) {
|
|
|
svgEl?.classList.add('noteActive')
|
|
|
stemEl?.classList.add('noteActive')
|
|
|
+ stemLine?.classList.add('noteActive')
|
|
|
} else {
|
|
|
svgEl?.classList.remove('noteActive')
|
|
|
stemEl?.classList.remove('noteActive')
|
|
|
+ stemLine?.classList.remove('noteActive')
|
|
|
}
|
|
|
})
|
|
|
|