1) "UI Defined" and "Files on Server" text too big in stack view
Repo links were using a responsive fz class, but "UI Defined" and "Files on Server" did not. They were rendering at the default font size. (--mantine-font-size-sm vs --mantine-font-size-md)
Before:
After:
2) Log output containing very long single lines caused the entire page to scroll horizontally
Added white-space: pre wrap to a few places where logs are converted to HTML. In cases where logs printed a long single line, the line wasn't breaking.
action/last-run.tsx
Before (image 1: haven't scrolled yet, image 2: scrolled all the way to the right)
After:
Was not able to test changes for build/info.tsx as I don't use that feature, but have attached screenshots for the updates/details.tsx changes below as well. I believe they should all behave similarly.
Before (image 1: haven't scrolled yet, image 2: scrolled all the way to the right)
After:
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.
## 📋 Pull Request Information
**Original PR:** https://github.com/moghtech/komodo/pull/1379
**Author:** [@elemated](https://github.com/elemated)
**Created:** 4/22/2026
**Status:** 🔄 Open
**Base:** `2.2.0` ← **Head:** `fix/action-log-horizontal-scroll`
---
### 📝 Commits (3)
- [`b7fee13`](https://github.com/moghtech/komodo/commit/b7fee13a3d921ed9d560d11f7ccaa3c94393c913) fix: prevent horizontal page scroll on long action log lines
- [`4baf0a7`](https://github.com/moghtech/komodo/commit/4baf0a7379cdec1bcfdd7e7676abf5e4a2da89aa) Merge remote-tracking branch 'upstream/main' into fix/action-log-horizontal-scroll
- [`fb3e5b2`](https://github.com/moghtech/komodo/commit/fb3e5b2fcecbc27a1d9f4424accc4441e7850450) fix: UI Defined and Files on Server text too large in stacks table
### 📊 Changes
**4 files changed** (+9 additions, -9 deletions)
<details>
<summary>View changed files</summary>
📝 `ui/src/components/file-source.tsx` (+2 -2)
📝 `ui/src/components/updates/details.tsx` (+2 -2)
📝 `ui/src/resources/action/last-run.tsx` (+2 -2)
📝 `ui/src/resources/build/info.tsx` (+3 -3)
</details>
### 📄 Description
**1) "UI Defined" and "Files on Server" text too big in stack view**
Repo links were using a responsive fz class, but "UI Defined" and "Files on Server" did not. They were rendering at the default font size. (--mantine-font-size-sm vs --mantine-font-size-md)
Before:
<img width="440" height="526" alt="Screenshot 2026-04-22 at 11 13 18 AM" src="https://github.com/user-attachments/assets/284e0261-7578-4901-98f7-078ac7215b91" />
After:
<img width="441" height="533" alt="Screenshot 2026-04-22 at 11 16 29 AM" src="https://github.com/user-attachments/assets/cf1e4528-9ae2-4d45-a69d-0433d04eebaf" />
**2) Log output containing very long single lines caused the entire page to scroll horizontally**
Added white-space: pre wrap to a few places where logs are converted to HTML. In cases where logs printed a long single line, the line wasn't breaking.
_action/last-run.tsx_
Before (image 1: haven't scrolled yet, image 2: scrolled all the way to the right)
<img width="1728" height="908" alt="Screenshot 2026-03-24 at 5 53 11 PM" src="https://github.com/user-attachments/assets/09b8c845-2786-47ac-9ea7-638f9fe82596" />
<img width="1728" height="904" alt="Screenshot 2026-03-24 at 5 53 15 PM" src="https://github.com/user-attachments/assets/12e77644-8e41-465a-972e-d08b2749f348" />
After:
<img width="1715" height="901" alt="Screenshot 2026-03-24 at 4 10 12 PM" src="https://github.com/user-attachments/assets/385e2b5d-b63e-4ac4-afc1-5cf4a8e01edd" />
Was not able to test changes for build/info.tsx as I don't use that feature, but have attached screenshots for the _updates/details.tsx_ changes below as well. I believe they should all behave similarly.
Before (image 1: haven't scrolled yet, image 2: scrolled all the way to the right)
<img width="1728" height="927" alt="Screenshot 2026-03-24 at 5 49 51 PM" src="https://github.com/user-attachments/assets/fbdb2ae1-75d7-4756-9ed7-6ef45390d8c0" />
<img width="1728" height="930" alt="Screenshot 2026-03-24 at 5 49 55 PM" src="https://github.com/user-attachments/assets/d1f33609-715e-44e9-a9d3-8eac951f5ff6" />
After:
<img width="1728" height="934" alt="Screenshot 2026-03-24 at 5 40 16 PM" src="https://github.com/user-attachments/assets/54f4a2f4-d8ab-4b9a-9b8a-23fab0c2c3d4" />
---
<sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
📋 Pull Request Information
Original PR: https://github.com/moghtech/komodo/pull/1379
Author: @elemated
Created: 4/22/2026
Status: 🔄 Open
Base:
2.2.0← Head:fix/action-log-horizontal-scroll📝 Commits (3)
b7fee13fix: prevent horizontal page scroll on long action log lines4baf0a7Merge remote-tracking branch 'upstream/main' into fix/action-log-horizontal-scrollfb3e5b2fix: UI Defined and Files on Server text too large in stacks table📊 Changes
4 files changed (+9 additions, -9 deletions)
View changed files
📝
ui/src/components/file-source.tsx(+2 -2)📝
ui/src/components/updates/details.tsx(+2 -2)📝
ui/src/resources/action/last-run.tsx(+2 -2)📝
ui/src/resources/build/info.tsx(+3 -3)📄 Description
1) "UI Defined" and "Files on Server" text too big in stack view
Repo links were using a responsive fz class, but "UI Defined" and "Files on Server" did not. They were rendering at the default font size. (--mantine-font-size-sm vs --mantine-font-size-md)
Before:
After:
2) Log output containing very long single lines caused the entire page to scroll horizontally
Added white-space: pre wrap to a few places where logs are converted to HTML. In cases where logs printed a long single line, the line wasn't breaking.
action/last-run.tsx
Before (image 1: haven't scrolled yet, image 2: scrolled all the way to the right)
After:
Was not able to test changes for build/info.tsx as I don't use that feature, but have attached screenshots for the updates/details.tsx changes below as well. I believe they should all behave similarly.
Before (image 1: haven't scrolled yet, image 2: scrolled all the way to the right)
After:
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.