User Profile Page Tabs Have Inconsistent Layout and Style #10897

New Issue

GiteaMirror · 2025-11-02T09:21:28-06:00

GiteaMirror commented

2025-11-02 09:21:28 -06:00

Originally created by @yekanchi on GitHub (May 23, 2023).

Originally assigned to: @puni9869 on GitHub.

Description

in the user profile page the Packages and Projects tab have small icons for user but other tabs have bigger profile picture with user info:

Screenshots

For Packages And Projects:

For Other Tabs:

Gitea Version

1.19

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

No response

Browser Version

110

Originally created by @yekanchi on GitHub (May 23, 2023). Originally assigned to: @puni9869 on GitHub. ### Description in the user profile page the `Packages` and `Projects` tab have small icons for user but other tabs have bigger profile picture with user info: ### Screenshots ### **For Packages And Projects:** ![image](https://github.com/go-gitea/gitea/assets/25511175/2420d77b-ba25-4718-9ccb-c5d0d95e3079) ### **For Other Tabs:** ![image](https://github.com/go-gitea/gitea/assets/25511175/ce9636b3-fe11-4c46-a230-30d83eee5947) ### Gitea Version 1.19 ### Can you reproduce the bug on the Gitea demo site? Yes ### Operating System _No response_ ### Browser Version 110

GiteaMirror added the topic/ui label 2025-11-02 09:21:28 -06:00

GiteaMirror closed this issue

2025-11-02 09:21:28 -06:00

GiteaMirror commented

2025-11-02 09:21:29 -06:00

@lunny commented on GitHub (May 23, 2023):

duplicated with #24848

@lunny commented on GitHub (May 23, 2023): duplicated with #24848

GiteaMirror commented

2025-11-02 09:21:29 -06:00

@yekanchi commented on GitHub (May 23, 2023):

duplicated with #24848

this is not duplicate of #24848
this issue is related to size of and position of user profile when switching between Tabs.

@yekanchi commented on GitHub (May 23, 2023): > duplicated with #24848 this is not duplicate of #24848 this issue is related to size of and position of user profile when switching between Tabs.

GiteaMirror commented

2025-11-02 09:21:29 -06:00

@silverwind commented on GitHub (May 23, 2023):

Yes, those pages should use all use the "big box" style, and likely also leave less space between user box and page content.

@silverwind commented on GitHub (May 23, 2023): Yes, those pages should use all use the "big box" style, and likely also leave less space between user box and page content.

GiteaMirror commented

2025-11-02 09:21:30 -06:00

@puni9869 commented on GitHub (May 30, 2023):

Please assign this to me

@puni9869 commented on GitHub (May 30, 2023): Please assign this to me

GiteaMirror commented

2025-11-02 09:21:30 -06:00

@puni9869 commented on GitHub (May 30, 2023):

This is the new UI.

Ui is distorted

Do I need to modify also
tplProjects base.TplName = "org/projects/list"
tplProjectsNew base.TplName = "org/projects/new"

@delvh

@puni9869 commented on GitHub (May 30, 2023): This is the new UI. ![image](https://github.com/go-gitea/gitea/assets/80308335/be17dcd5-5884-4c7d-9f2e-fb63de121eb8) Ui is distorted ![image](https://github.com/go-gitea/gitea/assets/80308335/0f571334-20fa-4c4e-97b7-3a0fc9230129) Do I need to modify also tplProjects base.TplName = "org/projects/list" tplProjectsNew base.TplName = "org/projects/new" @delvh

GiteaMirror commented

2025-11-02 09:21:30 -06:00

@silverwind commented on GitHub (May 30, 2023):

Projects list renders in a few "full width" places only so far. It's likely that some CSS changes need to be done to it to make it behave in smaller spaces.

Take a look at templates/shared/issuelist, this is a template that is also rendered in many places, both big and small.

@silverwind commented on GitHub (May 30, 2023): Projects list renders in a few "full width" places only so far. It's likely that some CSS changes need to be done to it to make it behave in smaller spaces. Take a look at `templates/shared/issuelist`, this is a template that is also rendered in many places, both big and small.

GiteaMirror commented

2025-11-02 09:21:30 -06:00

@yekanchi commented on GitHub (May 31, 2023):

This is the new UI.

Ui is distorted

Do I need to modify also tplProjects base.TplName = "org/projects/list" tplProjectsNew base.TplName = "org/projects/new"

@delvh
looks good.
the organizations page also have a similar problem. if you change the tabs you will notice the inconsistency.

@yekanchi commented on GitHub (May 31, 2023): > This is the new UI. ![image](https://user-images.githubusercontent.com/80308335/242092522-be17dcd5-5884-4c7d-9f2e-fb63de121eb8.png) > > Ui is distorted ![image](https://user-images.githubusercontent.com/80308335/242092659-0f571334-20fa-4c4e-97b7-3a0fc9230129.png) > > Do I need to modify also tplProjects base.TplName = "org/projects/list" tplProjectsNew base.TplName = "org/projects/new" > > @delvh looks good. the organizations page also have a similar problem. if you change the tabs you will notice the inconsistency.

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#10897