We could use style text-overflow: ellipsis and then remove the style on click to reveal the full value. This has a few advantages over the collapse-long-text directive:
- Copying the text even if elided will copy the complete value, without needing to expand.
- The browser will show as much text as it can rather than eliding at some arbitrary character count.
- The full text will show in a tooltip if the user hovers over it.
/cc @liggitt