A handful of fixes to prevent overflowing the viewport in most places on mobile, and add a little more density in a few places.
I'm unsure what the original intent was of setting up most of the resource Tabs to be grid, but I'm not seeing any regressions when removing it.
🔄 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/714
**Author:** [@dotsam](https://github.com/dotsam)
**Created:** 8/5/2025
**Status:** ✅ Merged
**Merged:** 8/7/2025
**Merged by:** [@mbecker20](https://github.com/mbecker20)
**Base:** `1.18.5` ← **Head:** `frontend-mobile-fixes`
---
### 📝 Commits (6)
- [`9cb705f`](https://github.com/moghtech/komodo/commit/9cb705f324e022909989d1ffc2d6f500b19ba358) Allow ResourcePageHeader items to wrap
- [`27fb49f`](https://github.com/moghtech/komodo/commit/27fb49f748b0f216fd033910c6671a5cf60a2016) Allow CardHeader items to wrap
- [`d80368b`](https://github.com/moghtech/komodo/commit/d80368b9cdd90f0589f6690cfe854cb79fecec34) Increase z-index of sticky TableHeader, fixes #690
- [`cbd0cb0`](https://github.com/moghtech/komodo/commit/cbd0cb030a79d6b65268bf9e587dd3703c1c71a2) Remove fixed widths from ActionButton, let them flex more to fit more layouts
- [`618387d`](https://github.com/moghtech/komodo/commit/618387d8b6dc7aed3bd560da1bcd71a93425352c) Make Section scroll overflow
- [`cc345bd`](https://github.com/moghtech/komodo/commit/cc345bd2418b2bf0273192f622612a266985c792) Remove grid class from Tabs, seems to prevent them from overflowing at small sizes
### 📊 Changes
**12 files changed** (+10 additions, -12 deletions)
<details>
<summary>View changed files</summary>
📝 `frontend/src/components/layouts.tsx` (+1 -1)
📝 `frontend/src/components/resources/build/index.tsx` (+0 -1)
📝 `frontend/src/components/resources/common.tsx` (+1 -1)
📝 `frontend/src/components/resources/deployment/index.tsx` (+1 -1)
📝 `frontend/src/components/resources/resource-sync/index.tsx` (+1 -1)
📝 `frontend/src/components/resources/server/index.tsx` (+0 -1)
📝 `frontend/src/components/resources/stack/index.tsx` (+1 -1)
📝 `frontend/src/components/util.tsx` (+1 -1)
📝 `frontend/src/pages/server-info/container/index.tsx` (+1 -1)
📝 `frontend/src/pages/stack-service/index.tsx` (+1 -1)
📝 `frontend/src/ui/card.tsx` (+1 -1)
📝 `frontend/src/ui/data-table.tsx` (+1 -1)
</details>
### 📄 Description
A handful of fixes to prevent overflowing the viewport in most places on mobile, and add a little more density in a few places.
I'm unsure what the original intent was of setting up most of the resource Tabs to be grid, but I'm not seeing any regressions when removing it.
---
<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/714
Author: @dotsam
Created: 8/5/2025
Status: ✅ Merged
Merged: 8/7/2025
Merged by: @mbecker20
Base:
1.18.5← Head:frontend-mobile-fixes📝 Commits (6)
9cb705fAllow ResourcePageHeader items to wrap27fb49fAllow CardHeader items to wrapd80368bIncrease z-index of sticky TableHeader, fixes #690cbd0cb0Remove fixed widths from ActionButton, let them flex more to fit more layouts618387dMake Section scroll overflowcc345bdRemove grid class from Tabs, seems to prevent them from overflowing at small sizes📊 Changes
12 files changed (+10 additions, -12 deletions)
View changed files
📝
frontend/src/components/layouts.tsx(+1 -1)📝
frontend/src/components/resources/build/index.tsx(+0 -1)📝
frontend/src/components/resources/common.tsx(+1 -1)📝
frontend/src/components/resources/deployment/index.tsx(+1 -1)📝
frontend/src/components/resources/resource-sync/index.tsx(+1 -1)📝
frontend/src/components/resources/server/index.tsx(+0 -1)📝
frontend/src/components/resources/stack/index.tsx(+1 -1)📝
frontend/src/components/util.tsx(+1 -1)📝
frontend/src/pages/server-info/container/index.tsx(+1 -1)📝
frontend/src/pages/stack-service/index.tsx(+1 -1)📝
frontend/src/ui/card.tsx(+1 -1)📝
frontend/src/ui/data-table.tsx(+1 -1)📄 Description
A handful of fixes to prevent overflowing the viewport in most places on mobile, and add a little more density in a few places.
I'm unsure what the original intent was of setting up most of the resource Tabs to be grid, but I'm not seeing any regressions when removing it.
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.