[PR #1379] 2 small UI fixes #6948

New Issue

GiteaMirror · 2026-04-24T19:55:20-05:00

GiteaMirror commented

2026-04-24 19:55:20 -05:00

📋 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)

b7fee13 fix: prevent horizontal page scroll on long action log lines
4baf0a7 Merge remote-tracking branch 'upstream/main' into fix/action-log-horizontal-scroll
fb3e5b2 fix: 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.}

## 📋 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>

GiteaMirror added the pull-request label 2026-04-24 19:55:20 -05:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/komodo#6948