diff options
| author | Giteabot <teabot@gitea.io> | 2024-08-18 08:34:05 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-08-18 08:34:05 +0800 |
| commit | fe9a631939f36d6a7b30a1ec74e012d029f80daf (patch) | |
| tree | 1c101bfdd94a83be4ac47d02b0ca489dba57d780 | |
| parent | 3fe1f732686989095abd25599c1dc75bda46246d (diff) | |
| download | gitea-fe9a631939f36d6a7b30a1ec74e012d029f80daf.tar.gz gitea-fe9a631939f36d6a7b30a1ec74e012d029f80daf.zip | |
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):
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):
Co-authored-by: Adrian Hirt <13788379+Adrian-Hirt@users.noreply.github.com>
| -rw-r--r-- | web_src/js/components/RepoActionView.vue | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue index 8b39d0504b..6fdbae5a56 100644 --- a/web_src/js/components/RepoActionView.vue +++ b/web_src/js/components/RepoActionView.vue @@ -861,6 +861,7 @@ export function initRepositoryActionView() { word-break: break-all; white-space: break-spaces; margin-left: 10px; + overflow-wrap: anywhere; } /* selectors here are intentionally exact to only match fullscreen */ |