1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2025-08-01 17:38:33 +00:00

feat(ui): redesign migration selection screen (#6795)

Ref https://codeberg.org/forgejo/design/issues/9.

Changes:
* Updated SVGs which had inconsistent paddings making them look off
* Better usability on mobile
* Better space efficiency on desktop, up to 4 columns
* Nice responsive design
* Less bland look on desktop. The borders were already here but invisible in Forgejo dark theme

Preview:
* https://codeberg.org/attachments/3c9e10ae-3315-46e5-b8bb-8021f6fd8936
* https://codeberg.org/attachments/8196ad89-5ab6-443a-98ce-a70dcc75bca9
* https://codeberg.org/attachments/24f52a14-2ac4-4949-8108-55c34bd3c650

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6795
Reviewed-by: Beowulf <beowulf@beocode.eu>
Reviewed-by: Otto <otto@codeberg.org>
This commit is contained in:
0ko 2025-04-19 13:51:35 +00:00
parent 78e56ee2f7
commit a0c9e81611
17 changed files with 149 additions and 94 deletions

View file

@ -7,6 +7,24 @@ import {test, save_visual, test_context, dynamic_id} from './utils_e2e.ts';
test.use({user: 'user2'});
test('Migration type seleciton screen', async ({page}) => {
await page.goto('/repo/migrate');
// For branding purposes, it is desired that `gitea-` prefixes in SVGs are
// replaced with something like `productlogo-`.
await expect(page.locator('svg.gitea-git')).toBeVisible();
await expect(page.locator('svg.octicon-mark-github')).toBeVisible();
await expect(page.locator('svg.gitea-gitlab')).toBeVisible();
await expect(page.locator('svg.gitea-forgejo')).toBeVisible();
await expect(page.locator('svg.gitea-gitea')).toBeVisible();
await expect(page.locator('svg.gitea-gogs')).toBeVisible();
await expect(page.locator('svg.gitea-onedev')).toBeVisible();
await expect(page.locator('svg.gitea-gitbucket')).toBeVisible();
await expect(page.locator('svg.gitea-codebase')).toBeVisible();
await save_visual(page);
});
test('Migration Repo Name detection', async ({page}, workerInfo) => {
test.skip(workerInfo.project.name === 'Mobile Safari', 'Flaky actionability checks on Mobile Safari');