Log view: wrap lines and improve UX - Githubissues

cylc / cylc-ui

Web app for monitoring and controlling Cylc workflows

https://cylc.github.io

GNU General Public License v3.0

37 stars 27 forks source link

Log view: wrap lines and improve UX #1708

Closed MetRonnie closed 8 months ago

MetRonnie commented 8 months ago

Addresses numerous usability concerns raised by users:

Close #1285
Close #1667
Made the log display area scroll only, leaving the toolbar pinned to the top
Moved the file list refresh button next to the file list dropdown

Before

After

With word wrapping turned on:

Check List

[x] I have read CONTRIBUTING.md and added my name as a Code Contributor.
[x] Contains logically grouped changes (else tidy your branch by rebase).
[x] Does not contain off-topic changes (use other PRs for other changes).
[x] Tests are included
[x] CHANGES.md entry included if this is a change that can affect users

oliver-sanders commented 8 months ago

@MetRonnie, the plan was to use an in-browser text editor / code viewer to provide this functionality along with other things like syntax highlighting, line numbers, etc to avoid implementing each feature individually ourselves.

The umbrella issue for this #144

Before we go down the route of developing our own code viewing from scratch, we should ensure that there isn't already something out there that can fulfil our requirements.