[PR #152] [MERGED] fix: split collection detail header into title, metadata, description rows #152

New issue

Closed

opened 2026-09-02 07:34:54 +02:00 by zaph0d · 0 comments

zaph0d commented

2026-09-02 07:34:54 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/niels-emmer/myace/pull/152
Author: @niels-emmer
Created: 9/1/2026
Status: ✅ Merged
Merged: 9/1/2026
Merged by: @niels-emmer

Base: main ← Head: fix/collection-detail-header-rows

📝 Commits (1)

921cfd6 fix: split collection detail header into title, metadata, description rows

📊 Changes

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

View changed files

📝 frontend/src/pages/CollectionDetail.tsx (+4 -4)
📝 frontend/src/pages/CommunityCollectionDetail.tsx (+5 -5)

📄 Description

Summary

On mobile, the collection detail header rendered the title and the metadata labels (branch / visibility / artifact count, or category / verified badge / downloads / artifacts) together, causing them to collide. Restructured the header into three clean rows on both detail pages:

Row 1 — back arrow + title + base/additional label
Row 2 — metadata labels (wrapped with flex-wrap so they flow onto additional lines on narrow screens)
Row 3 — description

On the Community Collections page, the category badge and freshness-verified badge moved out of the title row into the metadata row.

Type of change

fix (bug fix)

Testing

tsc -b: passes
npm run lint: 0 errors
npm run test: 106/106 pass (21 files)
Verified on the dev server at mobile width

Checklist

Self-review completed
No new warnings
Tests pass
Documentation updated (if needed) — N/A, UI-only change
Breaking changes called out in commit footer — none

_{🔄 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/niels-emmer/myace/pull/152 **Author:** [@niels-emmer](https://github.com/niels-emmer) **Created:** 9/1/2026 **Status:** ✅ Merged **Merged:** 9/1/2026 **Merged by:** [@niels-emmer](https://github.com/niels-emmer) **Base:** `main` ← **Head:** `fix/collection-detail-header-rows` --- ### 📝 Commits (1) - [`921cfd6`](https://github.com/niels-emmer/myace/commit/921cfd68052691c046475802b5bd1228b39309c3) fix: split collection detail header into title, metadata, description rows ### 📊 Changes **2 files changed** (+9 additions, -9 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/pages/CollectionDetail.tsx` (+4 -4) 📝 `frontend/src/pages/CommunityCollectionDetail.tsx` (+5 -5) </details> ### 📄 Description ## Summary On mobile, the collection detail header rendered the title and the metadata labels (branch / visibility / artifact count, or category / verified badge / downloads / artifacts) together, causing them to collide. Restructured the header into three clean rows on both detail pages: 1. **Row 1** — back arrow + title + `base`/`additional` label 2. **Row 2** — metadata labels (wrapped with `flex-wrap` so they flow onto additional lines on narrow screens) 3. **Row 3** — description On the Community Collections page, the category badge and freshness-verified badge moved out of the title row into the metadata row. ## Type of change - [x] fix (bug fix) ## Testing - `tsc -b`: passes - `npm run lint`: 0 errors - `npm run test`: 106/106 pass (21 files) - Verified on the dev server at mobile width ## Checklist - [x] Self-review completed - [x] No new warnings - [x] Tests pass - [x] Documentation updated (if needed) — N/A, UI-only change - [x] Breaking changes called out in commit footer — none --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

zaph0d

2026-09-02 07:34:54 +02:00