Event Comparison formatting issues

AVAnnotate / project-client

The source directory for the client code shared by all AVAnnotate projects.

0 stars 0 forks source link

Event Comparison formatting issues #85

Closed absempere closed 1 week ago

absempere commented 3 weeks ago

[ ] Buttons wrap when the screen is resized. Can we push the buttons to the next line instead of wrapping the text in them?
[ ] When one Event in an Event Comparison has a title that wraps and the other doesn't, videos get misaligned. Should match the line height of the longer title.

camdendotlol commented 1 week ago

Can I have a link to the GH repo for the project in the first screenshot?

absempere commented 1 week ago

@camdendotlol This happens to buttons on all projects when you resize the window. See: https://avannotate.github.io/dev-demo/pages/clips-of-different-types/ and resize. Repo here: https://github.com/AVAnnotate/dev-demo

First project is here: https://saamturner.github.io/leslie-flint/ and repo: https://github.com/saamturner/leslieflint

camdendotlol commented 1 week ago

I've got a PR up for the first issue but I'm not sure if we can do anything about the second one with the titles. Each embedded event is a totally separate React app that doesn't have any way of knowing anything about the other one.

The best I can think of is maybe truncating the title, or automatically resizing the text to make it smaller, so titles can never go beyond one line. But a similar misalignment would still happen if the user chooses not to display a title for one of the events, as the titles in embeds are optional.