Ugly formatting on mobile #13966

New Issue

GiteaMirror · 2025-11-02T10:58:35-06:00

GiteaMirror commented

2025-11-02 10:58:35 -06:00

Originally created by @bilogic on GitHub (Jan 12, 2025).

Description

The commit page looks bad on mobile

Perhaps prefix the ❌ icon rather than suffix
Perhaps put the 2 buttons Browse source and Operations on a new line when in mobile

Screenshots

Gitea Version

1.22.6 built with GNU Make 4.4.1, go1.22.10 : bindata, timetzdata, sqlite, sqlite_unlock_notify

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

No response

Browser Version

Version 131.0.6778.265 (Official Build) (64-bit)

Originally created by @bilogic on GitHub (Jan 12, 2025). ### Description The commit page looks bad on mobile 1. Perhaps prefix the ❌ icon rather than suffix 2. Perhaps put the 2 buttons `Browse source` and `Operations` on a new line when in mobile ### Screenshots ![image](https://github.com/user-attachments/assets/295aaacc-d482-4201-a40c-c6ff5563ca1b) ### Gitea Version 1.22.6 built with GNU Make 4.4.1, go1.22.10 : bindata, timetzdata, sqlite, sqlite_unlock_notify ### Can you reproduce the bug on the Gitea demo site? Yes ### Operating System _No response_ ### Browser Version Version 131.0.6778.265 (Official Build) (64-bit)

GiteaMirror added the topic/ui type/bug labels 2025-11-02 10:58:35 -06:00

GiteaMirror commented

2025-11-02 10:58:36 -06:00

@lunny commented on GitHub (Jan 12, 2025):

Can you test https://demo.gitea.com or v1.23.1?

@lunny commented on GitHub (Jan 12, 2025): Can you test https://demo.gitea.com or v1.23.1?

GiteaMirror commented

2025-11-02 10:58:36 -06:00

@bilogic commented on GitHub (Jan 12, 2025):

thanks for getting back, demo looks good, but I'm not sure how to make operations and the ❌ icon appear

@bilogic commented on GitHub (Jan 12, 2025): thanks for getting back, demo looks good, but I'm not sure how to make operations and the ❌ icon appear ![image](https://github.com/user-attachments/assets/632f950b-03f8-4fd1-b171-c5d218b0452d)

GiteaMirror commented

2025-11-02 10:58:37 -06:00

@bilogic commented on GitHub (Jan 12, 2025):

Upon closer inspection of 35c6520560,

Green boxes Browse Source and commit ... are the same link
How about putting yellow on top of red and remove Browse Source?
That should make Operations look better and maybe just need to make decision whether to prefix the ❌ icon

@bilogic commented on GitHub (Jan 12, 2025): ![image](https://github.com/user-attachments/assets/f0686ecc-bd87-449f-9b87-64652a9d2f1f) Upon closer inspection of https://demo.gitea.com/lunny/qmk_firmware-mirror/commit/35c652056073af84577d5a1cb6729ea262f2075e, 1. Green boxes `Browse Source` and `commit ...` are the same link 2. How about putting yellow on top of red and remove `Browse Source`? 3. That should make `Operations` look better and maybe just need to make decision whether to prefix the ❌ icon

GiteaMirror commented

2025-11-02 10:58:37 -06:00

@bilogic commented on GitHub (Jan 12, 2025):

Or at a higher level, make the 2 red boxes more consistent in structure, and replace Operations with the 3 dot icon

@bilogic commented on GitHub (Jan 12, 2025): ![image](https://github.com/user-attachments/assets/39b9c680-c374-4793-98fe-ccea8084e7cd) Or at a higher level, make the 2 red boxes more consistent in structure, and replace `Operations` with the 3 dot icon

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/gitea#13966