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:
With this change, on small screens the actions are stacked, so the page is on the correct screen size:
With wide screens:
🔄 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>
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/312
Author: @unsync
Created: 2/13/2025
Status: ✅ Merged
Merged: 2/15/2025
Merged by: @mbecker20
Base:
1.17.0← Head:feature/fixactions📝 Commits (3)
d42230bfeature: improve tables quick actions on mobile48e87cereview: fix gap492fcbccreview: 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:
With this change, on small screens the actions are stacked, so the page is on the correct screen size:
With wide screens:
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.