aikuma / aikuma-ng

Speech annotation web app for regular folk
22 stars 13 forks source link

Layout breaks on screens with low height #122

Open Lingomat opened 8 years ago

Lingomat commented 8 years ago

Reproduce: Annotation UI in particular. Resize window, draw bottom to top.

Annotation list is broken, text is rendered outside of boxes. Wavesurfer minimap begins to disappear, progressively disappears on moving regions Aikuma-NG beta version string in nav bar will be rendered over the top of nav bar text

This is related to Angular Material's aggressive responsive design, it will require some hard overrides on flex behavior.

One solution is to define a minimum height and scroll the content in a parent container.

Note: Even a 720p high screen renders poorly.