Mirrors/gitea
0
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2025-10-30 03:14:29 +01:00
Code Issues Activity

Fix overflowing content in action run log (#31842) (#31853)

Browse Source 
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>
This commit is contained in:
Giteabot 2024-08-18 08:34:05 +08:00 committed by GitHub
parent 3fe1f73268
commit fe9a631939
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web_src/js/components/RepoActionView.vue
View File

@ -861,6 +861,7 @@ export function initRepositoryActionView() {
word-break: break-all; word-break: break-all;
white-space: break-spaces; white-space: break-spaces;
margin-left: 10px; margin-left: 10px;
overflow-wrap: anywhere;
} }
/* selectors here are intentionally exact to only match fullscreen */ /* selectors here are intentionally exact to only match fullscreen */