]> source.dussan.org Git - gitea.git/commit
Fix overflowing content in action run log (#31842) (#31853)
authorGiteabot <teabot@gitea.io>
Sun, 18 Aug 2024 00:34:05 +0000 (08:34 +0800)
committerGitHub <noreply@github.com>
Sun, 18 Aug 2024 00:34:05 +0000 (08:34 +0800)
commitfe9a631939f36d6a7b30a1ec74e012d029f80daf
tree1c101bfdd94a83be4ac47d02b0ca489dba57d780
parent3fe1f732686989095abd25599c1dc75bda46246d
Fix overflowing content in action run log (#31842) (#31853)

Backport #31842 by @Adrian-Hirt

When a long line with characters such as dots is returned by a step in
an action (e.g. by the output of the Ruby on Rails test runner), it
overflows the log container, causing the page to scroll sideways (see
first screenshot):

![before](https://github.com/user-attachments/assets/d71a8446-2c81-42d7-ad20-92514884365a)

This PR adds the CSS `overflow-wrap: anywhere;` to the
`.job-step-section .job-step-logs .job-log-line .log-msg` selector,
which causes such lines to wrap as well (see second screenshot in which
the line wraps nicely):

![after](https://github.com/user-attachments/assets/ba9abaec-dc0b-4fab-8129-b9341d4bf784)

Co-authored-by: Adrian Hirt <13788379+Adrian-Hirt@users.noreply.github.com>
web_src/js/components/RepoActionView.vue