Skip to content

Projects: Matched GitHub's project list and board cards - #99

Merged
whereareiam merged 1 commit into
devfrom
feat/projects-github
Oct 22, 2026
Merged

whereareiam merged 1 commit into
devfrom
feat/projects-github

Conversation

@whereareiam

@whereareiam whereareiam commented Oct 22, 2026 •

Copy link
Copy Markdown
Owner

What changes

The project pages now match GitHub, compared signed in against a GitHub project at 1440, 700 and 375px.

Project list (one shared component)

Before, the repository list was Forgejo's own markup, and organization and user pages used a separate template. All three now use components/project/list:

Area Before After (GitHub)
Repository layout Repository name with Watch, Fork and Star above a full-width list Inside the issue sidebar layout (now with a Projects entry), "Projects" heading with New project
Search Input with a separate search button One full-width field with the icon inside
Open / Closed Two-part switch above the list, Sort apart Tabs with counters in the box header, Sort on the right
Rows Board icon, issue counts, Edit / Close / Delete links Name (16px, 500), "#1 updated …" and the description, with a "…" menu for Edit, Close and Delete

The organization side nav no longer repeats Open and Closed; it shows a single Projects entry, as on GitHub. The old profile project styles are removed.

Board

Area Before After (GitHub)
Card background #151b23 #0d1117, like GitHub's cards
Card reference "#6" (repository only on owner projects) "webapp #6" everywhere
Card menu None "…" after the reference on hover: Copy URL, Move to top, Move to bottom and Move to column
Column header 12px top padding, 52px tall 8px 8px 4px 16px, 44px tall
Card title 20px line height 1.3, as on GitHub

The card menu uses the shared dropdown. Moves are saved through Forgejo's column move endpoint, the same one drag and drop uses. On touch screens the "…" is always visible. "Copy URL" uses Forgejo's string; the move actions are in English because Forgejo has none.

The shared dropdown gains a red danger style for destructive items (Delete).

Not changed: GitHub's per-column "+" (Forgejo cannot add an existing item to a column from the board) and column descriptions (Forgejo has no such field).

Before and after

Dark mode, in the dev preview.

Project list: before after
Project list before Project list after
Board: before after
Board before Board after

Checks

  • bun run bundle and bunx vitest run (406 tests) pass; Prettier is clean.
  • bun run lint fails on dev as well: typescript-eslint does not support the installed TypeScript 7.
  • Tried in the preview: Sort, Open/Closed tabs, Close, Reopen and the Delete dialog from the row menu; Move to column, top and bottom (the order survives a reload).

Preview: http://localhost:3000/acme/webapp/projects

🤖 Generated with Claude Code

One project list component (components/project/list) now serves the
repository, organization and user pages: Open and Closed tabs with counters
and Sort in the box header, a row per project with its number, last update
and a menu for Edit, Close and Delete. The repository list sits in the issue
sidebar layout, which gains a Projects entry; the organization side nav no
longer repeats Open and Closed.

Board cards show the repository with the number, use GitHub's card
background and title height, and get GitHub's hover menu: Copy URL, Move to
top or bottom, and Move to column, saved through Forgejo's move endpoint.
Column headers use GitHub's padding.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@whereareiam whereareiam added the feature Something new for users label Oct 22, 2026
@whereareiam
whereareiam merged commit 1feac31 into dev Oct 22, 2026
15 of 16 checks passed
@whereareiam
whereareiam deleted the feat/projects-github branch October 22, 2026 17:56
@whereareiam
whereareiam restored the feat/projects-github branch October 22, 2026 18:22
@whereareiam whereareiam changed the title Projects: Match GitHub's project list and board cards Projects: Matched GitHub's project list and board cards Oct 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature Something new for users

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant