[PR #312] [MERGED] feature: improve tables quick actions on mobile #724

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

📋 Pull Request Information

Original PR: https://github.com/moghtech/komodo/pull/312
Author: @unsync
Created: 2/13/2025
Status: Merged
Merged: 2/15/2025
Merged by: @mbecker20

Base: 1.17.0Head: feature/fixactions


📝 Commits (3)

  • d42230b feature: improve tables quick actions on mobile
  • 48e87ce review: fix gap4
  • 92fcbcc review: use flex-wrap

📊 Changes

1 file changed (+1 additions, -1 deletions)

View changed files

📝 frontend/src/pages/resources.tsx (+1 -1)

📄 Description

Another small but annoying thing on mobile :)

The quick actions above the table are not responsive, causing the whole page to be "wider" that the screen, not sure how to describe it but the page sort of floats all around:

Screenshot 2025-02-13 at 14 56 15

With this change, on small screens the actions are stacked, so the page is on the correct screen size:

Screenshot 2025-02-13 at 14 56 02

With wide screens:

Screenshot 2025-02-13 at 14 56 27

🔄 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/312 **Author:** [@unsync](https://github.com/unsync) **Created:** 2/13/2025 **Status:** ✅ Merged **Merged:** 2/15/2025 **Merged by:** [@mbecker20](https://github.com/mbecker20) **Base:** `1.17.0` ← **Head:** `feature/fixactions` --- ### 📝 Commits (3) - [`d42230b`](https://github.com/moghtech/komodo/commit/d42230ba25fb9eab02c96c21d041897cb957dcac) feature: improve tables quick actions on mobile - [`48e87ce`](https://github.com/moghtech/komodo/commit/48e87cec521b2867b416d9b83d44f08e2ddebf6b) review: fix gap4 - [`92fcbcc`](https://github.com/moghtech/komodo/commit/92fcbccdc3ed7bbafe3dc351ab0273582328cc68) review: use flex-wrap ### 📊 Changes **1 file changed** (+1 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/pages/resources.tsx` (+1 -1) </details> ### 📄 Description Another small but annoying thing on mobile :) The quick actions above the table are not responsive, causing the whole page to be "wider" that the screen, not sure how to describe it but the page sort of floats all around: <img width="490" alt="Screenshot 2025-02-13 at 14 56 15" src="https://github.com/user-attachments/assets/359e6f21-aa97-4930-a1df-031d0804ddf6" /> With this change, on small screens the actions are stacked, so the page is on the correct screen size: <img width="474" alt="Screenshot 2025-02-13 at 14 56 02" src="https://github.com/user-attachments/assets/da779fd1-42ca-4e09-8bb3-d6d7ef032360" /> With wide screens: <img width="1254" alt="Screenshot 2025-02-13 at 14 56 27" src="https://github.com/user-attachments/assets/fab76f94-9fc5-4ad1-9e07-4b9764481873" /> --- <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:20:02 -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#724