Element name is sometimes cut off in Properties pane

Remi05 commented 3 years ago

When an element's name is longer than the width of the properties pane, it gets cut off. Users should be able to see the entire name.

Issue screenshot:

Here are some ideas on how to address this:

Wrap the element's name on a second line when it is too long.
Add an ellipsis (...) at the end of long names and provide a tooltip showing the entire name on hover.
Allow for resizing the properties pane, enabling users to see the entire content when it is wider than the default width.
Add a scrollbar to the properties pane when its content is larger than its width.

Remi05 commented 3 years ago

We could probably address this at the same time as #15.

Remi05 commented 3 years ago

Fixed by adding a tooltip and ellipsis in commit 212547f71e12a446b08db790a8a0fe03554362b0.

Screenshots:

Remi05 / outlines