Long variable value breaks Variable Preview layout
The bug
When a variable value is very long, it expands the size of the columns, pushing the variable values to the right.

What I expected to happen
The value should be truncated like in the variable editor

Steps to reproduce
- Go to project variables
- Add a variable with a really long value
- Go to variable preview
Affected versions
Octopus Server: 2019.3 - 2019.7
Links
https://help.octopus.com/t/2019-6-3-variable-preview-view-is-broken/23526/2 https://secure.helpscout.net/conversation/1289967798/70904?folderId=3252735 (private link)
This also happens on the "All Variables" page
@matt-richardson Yep I just saw it too today on the 2019.6.4 LTS version as well.
We should probably also consider if truncating long variable values is the best general way to display them, as it makes getting the full value from the preview harder than it should be.
This input was raised here (private link) https://secure.helpscout.net/conversation/940723612/49220?folderId=954335
The Variables Preview works in Internet Explorer 11 - so that is a workaround for now.
We should also make sure to address this report of display issue when a user has restricted access to view variables: https://secure.helpscout.net/conversation/953029222/50018?folderId=954335 (private link)
Another report (Internal link) - https://secure.helpscout.net/conversation/1033514251/54508?folderId=2845821
Report of "All" variables page with long value: https://secure.helpscout.net/conversation/1061821942/56087/ (private link)
Another confirmed report on project's Library Variable Sets page: https://help.octopus.com/t/bug-viewing-project-variables-library-sets-table-expands-to-more-than-10x-the-window-width/24590/2
Another report: https://help.octopus.com/t/variable-preview-not-usable/26879
Any efforts looking into making long values viable?
Another report here: https://help.octopus.com/t/tidying-up-the-all-and-variable-preview-pages/27082
Any thoughts about fixing the issue?
In current versions, the length is truncated but there is a tooltip with the full value including its internal line breaks. So that works for us.