0
0
mirror of https://github.com/go-gitea/gitea.git synced 2025-02-14 17:03:43 +01:00
gitea/web_src/js/components
Giteabot fe9a631939
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>
2024-08-18 08:34:05 +08:00
..
.eslintrc.yaml
ActionRunStatus.vue
ActivityHeatmap.vue
ContextPopup.vue
DashboardRepoList.vue
DiffCommitSelector.vue
DiffFileList.vue
DiffFileTree.vue
DiffFileTreeItem.vue
PullRequestMergeForm.vue
RepoActionView.vue Fix overflowing content in action run log (#31842) (#31853) 2024-08-18 08:34:05 +08:00
RepoActivityTopAuthors.vue
RepoBranchTagSelector.vue
RepoCodeFrequency.vue
RepoContributors.vue
RepoRecentCommits.vue
ScopedAccessTokenSelector.vue