Change Placement of Active Cue in Transcript Component

[joncameron]

Description

Now that the height of the Details/Transcript tabs expands down to the bottom of the structured navigation, a good portion of the transcript text itself may be off-screen. In order to make sure that users can see the video and current active transcript text at the same time, the highlighted active transcript text should move up to be adjacent with the media player (not below it).

Ramp seems to implement the highlighted active transcript text in the middle of the transcript tab, so this might need to be an Avalon customization?

Location of active transcript text on my screen without scrolling:

Transcript text continues below the fold when I scroll down:

Done looks like

• The currently active, highlighted transcript text cue remains at the top of the component area when auto-scroll is enabled:
  

• If the transcript component is at the end of the transcript, then the highlight can move down the list of cues until it goes to the bottom of the element:

[joncameron]

This will be a matter of changing the calculation to place the active cue at the top instead of the middle.

[joncameron]

This works great and as expected on the Ramp demo site but it doesn't look like it made it to avalon-dev.

@Dananji did the Ramp build PR #5789 get overwritten by another Ramp build to dev?