[PR #295] [CLOSED] feature: allow docker image text to overflow in table #719

Closed
opened 2025-10-31 15:19:49 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/moghtech/komodo/pull/295
Author: @unsync
Created: 2/7/2025
Status: Closed

Base: 1.17.0Head: feature/preventtableoverflow


📝 Commits (1)

  • 4aa6648 feature: allow docker image text to overflow in table

📊 Changes

2 files changed (+6 additions, -2 deletions)

View changed files

📝 frontend/src/components/util.tsx (+1 -1)
📝 frontend/src/globals.css (+5 -1)

📄 Description

This PR attempt to fix a UI issue on mobile.

Observations

The image of a service is being truncated and makes it unreadable on mobile :

header view

Screenshot 2025-02-07 at 10 23 18

table view

Screenshot 2025-02-07 at 10 23 42

Which is kind of annoying, because you cannot see the actual image name anywhere :)

Proposed changes

The proposed changes can fix that, but i'm not sure it is the best approach:

header view

Screenshot 2025-02-07 at 10 24 40

table view

Screenshot 2025-02-07 at 10 24 59

ℹ️ It was already breaking the text, but only if your image name had a -


🔄 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/295 **Author:** [@unsync](https://github.com/unsync) **Created:** 2/7/2025 **Status:** ❌ Closed **Base:** `1.17.0` ← **Head:** `feature/preventtableoverflow` --- ### 📝 Commits (1) - [`4aa6648`](https://github.com/moghtech/komodo/commit/4aa6648641203840eab931ba31f8d52518d486a2) feature: allow docker image text to overflow in table ### 📊 Changes **2 files changed** (+6 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/util.tsx` (+1 -1) 📝 `frontend/src/globals.css` (+5 -1) </details> ### 📄 Description This PR attempt to fix a UI issue on mobile. ### Observations The image of a service is being truncated and makes it unreadable on mobile : #### header view <img width="287" alt="Screenshot 2025-02-07 at 10 23 18" src="https://github.com/user-attachments/assets/c7f7f7ab-ad09-4be0-a4b9-93c3f44d2116" /> #### table view <img width="344" alt="Screenshot 2025-02-07 at 10 23 42" src="https://github.com/user-attachments/assets/991d2f87-f07d-4bfd-8cb7-279d65d23866" /> Which is kind of annoying, because you cannot see the actual image name anywhere :) ### Proposed changes The proposed changes can fix that, but i'm not sure it is the best approach: #### header view <img width="322" alt="Screenshot 2025-02-07 at 10 24 40" src="https://github.com/user-attachments/assets/d8cb7b19-31c9-4374-9abd-67b266caf68b" /> #### table view <img width="379" alt="Screenshot 2025-02-07 at 10 24 59" src="https://github.com/user-attachments/assets/0bba4d91-6596-48a9-b2b9-40ab7a03b05f" /> ℹ️ It was already breaking the text, but only if your image name had a `-` --- <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 2025-10-31 15:19:49 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/komodo#719
No description provided.