Inconsistent button size on the team web page #11897

Closed
opened 2025-11-02 09:51:15 -06:00 by GiteaMirror · 7 comments
Owner

Originally created by @lng2020 on GitHub (Oct 23, 2023).

Originally assigned to: @Pratham271 on GitHub.

Description

There are two bugs.
Left side: the first button is selected by a class because he is the direct child of attached.header, while the second button is wrapped by a form class.
Right side: the class of join is wrong. It should be tiny instead of small.

Screenshots

two_button

Gitea Version

latest codebase

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

No response

Browser Version

none

Originally created by @lng2020 on GitHub (Oct 23, 2023). Originally assigned to: @Pratham271 on GitHub. ### Description There are two bugs. Left side: the first button is selected by a class because he is the direct child of attached.header, while the second button is wrapped by a form class. Right side: the class of join is wrong. It should be `tiny` instead of `small`. ### Screenshots ![two_button](https://github.com/go-gitea/gitea/assets/70063547/e5fe4ccb-ca06-4b65-838b-a54ea16367e5) ### Gitea Version latest codebase ### Can you reproduce the bug on the Gitea demo site? Yes ### Operating System _No response_ ### Browser Version none
GiteaMirror added the type/bugtopic/ui labels 2025-11-02 09:51:15 -06:00
Author
Owner

@Virtual4087 commented on GitHub (Oct 23, 2023):

I'd like to work on this issue if you can instruct me how to reproduce it.

@Virtual4087 commented on GitHub (Oct 23, 2023): I'd like to work on this issue if you can instruct me how to reproduce it.
Author
Owner

@lng2020 commented on GitHub (Oct 23, 2023):

It's on the web page. You don't need to reproduce it...
The first one probably required some familiarity with the CSS style in Gitea. If you directly change the class style, It may result in some side effects.

@lng2020 commented on GitHub (Oct 23, 2023): It's on the web page. You don't need to reproduce it... The first one probably required some familiarity with the CSS style in Gitea. If you directly change the class style, It may result in some side effects.
Author
Owner

@Pratham271 commented on GitHub (Oct 23, 2023):

I can work on this.

@Pratham271 commented on GitHub (Oct 23, 2023): I can work on this.
Author
Owner

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

https://github.com/go-gitea/gitea/pull/27632 sounds related but it's not because neither button are dropdowns in those screenshots.

@silverwind commented on GitHub (Oct 23, 2023): https://github.com/go-gitea/gitea/pull/27632 sounds related but it's not because neither button are dropdowns in those screenshots.
Author
Owner

@wxiaoguang commented on GitHub (Oct 23, 2023):

#27632 sounds related but it's not because neither button are dropdowns in those screenshots.

Nope, not related.

The problem is the button styles were polluted by .ui.right>.button, but another button is in <form>

@wxiaoguang commented on GitHub (Oct 23, 2023): > #27632 sounds related but it's not because neither button are dropdowns in those screenshots. Nope, not related. The problem is the button styles were polluted by `.ui.right>.button`, but another button is in `<form>`
Author
Owner

@wxiaoguang commented on GitHub (Jan 18, 2024):

Fixed by: Fix button size in "attached header right" #28770

@wxiaoguang commented on GitHub (Jan 18, 2024): Fixed by: Fix button size in "attached header right" #28770
Author
Owner

@github-actions[bot] commented on GitHub (Mar 1, 2024):

Automatically locked because of our CONTRIBUTING guidelines

@github-actions[bot] commented on GitHub (Mar 1, 2024): Automatically locked because of our [CONTRIBUTING guidelines](https://github.com/go-gitea/gitea/blob/main/CONTRIBUTING.md#issue-locking)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/gitea#11897