How to ensure whole subject image, Flipbook toolbar is in view

[seanmiller26]

Package

Choose from the list:

• app-content-pages
• app-project
• lib-classifier
• lib-panoptes-js
• lib-react-components
• unknown

Is your feature request related to a problem? Please describe.

This is mostly related to survey tasks with a flipbook tool, however may apply to video subjects as well.

On a larger screen, the subject is allowed to take a large portion of the screen, however this pushes the flipbook toolbar below the fold, which includes the play button. So, a volunteer must scroll down to initiate playback.

Here it is with the 'Limit subject image height option' enabled: (Note this detail) - The max height will be the image's original pixel height.

Describe the solution you'd like

We should aim for some middle ground between the current implementation and the limit height option. I believe this would be best solved through responsive settings rather than another lab option.

Could we implement a VH restriction on the subject image? What about ensuring we always show the flipbook toolbar within the viewfinder? Any other options?

Additional context

We would not want this to affect other subject viewers ie. transcription, where we want the image as large as possible.

[eatyourgreens]

In a related bug, when limited height is enabled (it's a project builder setting), the subject is tiny on mobile. See #6061.

[seanmiller26]

This may be at least partially solved if we address the width of the task area. Right now it is a constant size, and quite narrow. If we allow it to be wider it would not only give the survey selection options more room, but would also make the subjects smaller.