Skip to content

Commit

Permalink
Fix overflowing content in action run log (#31842) (#31853)
Browse files Browse the repository at this point in the history
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 <[email protected]>
  • Loading branch information
GiteaBot and Adrian-Hirt authored Aug 18, 2024
1 parent 3fe1f73 commit fe9a631
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions web_src/js/components/RepoActionView.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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 */
Expand Down

0 comments on commit fe9a631

Please sign in to comment.