The buttons are too short for Russian and Malayalam. #8968

New Issue

GiteaMirror · 2025-11-02T08:24:19-06:00

GiteaMirror commented

2025-11-02 08:24:19 -06:00

Originally created by @fruworg on GitHub (May 17, 2022).

Description

The problem arises when working with organizations.

Screenshots

Gitea Version

1.16.7

Can you reproduce the bug on the Gitea demo site?

No (create your own organization).

Operating System

Doesn't matter (Windows 11).

Browser Version

Doesn't matter (Chrome/101).

Originally created by @fruworg on GitHub (May 17, 2022). ### Description The problem arises when working with organizations. ### Screenshots ![gitea](https://user-images.githubusercontent.com/96399261/168871814-1c0ed57f-4798-456c-8ce9-763d30ac91fb.png) ### Gitea Version 1.16.7 ### Can you reproduce the bug on the Gitea demo site? No (create your own organization). ### Operating System Doesn't matter (Windows 11). ### Browser Version Doesn't matter (Chrome/101).

GiteaMirror added the topic/ui type/bug labels 2025-11-02 08:24:19 -06:00

GiteaMirror commented

2025-11-02 08:24:20 -06:00

@zeripath commented on GitHub (May 17, 2022):

The operating system does matter here - as it ascribes what fonts are used. Malayam on Linux uses a smaller font size.

I'm not sure what we can do. The translators are responsible for checking that their translations result in a reasonable UI and or reporting to us when such a translation is not possible.

Is it not possible to have a shorter translation in these cases?
One option is perhaps to stick a max width on these buttons - but that won't work with the current maylayam translation as it's just too big.
Another is to adjust the css/less:

:lang(ml-IN) .ui.button { // may need a few extra things to make that happen
   padding-left: 0.25em;
   padding-right: 0.25em;
}

Another option is do we need to add a tooltip?

@zeripath commented on GitHub (May 17, 2022): The operating system does matter here - as it ascribes what fonts are used. Malayam on Linux uses a smaller font size. I'm not sure what we can do. The translators are responsible for checking that their translations result in a reasonable UI and or reporting to us when such a translation is not possible. * Is it not possible to have a shorter translation in these cases? * One option is perhaps to stick a max width on these buttons - but that won't work with the current maylayam translation as it's just too big. * Another is to adjust the css/less: ```less :lang(ml-IN) .ui.button { // may need a few extra things to make that happen padding-left: 0.25em; padding-right: 0.25em; } ``` * Another option is do we need to add a tooltip?

GiteaMirror commented

2025-11-02 08:24:20 -06:00

@fruworg commented on GitHub (May 18, 2022):

I think you should just improve the current position of the buttons a little bit:

@fruworg commented on GitHub (May 18, 2022): I think you should just improve the current position of the buttons a little bit: ![gite](https://user-images.githubusercontent.com/96399261/169019012-0a06c6ed-aea7-4c57-a3f5-1e48ecefecc4.png)

GiteaMirror commented

2025-11-02 08:24:20 -06:00

@silverwind commented on GitHub (May 19, 2022):

Could probably also just make the button icons and add tooltips with the text.

@silverwind commented on GitHub (May 19, 2022): Could probably also just make the button icons and add tooltips with the text.

GiteaMirror commented

2025-11-02 08:24:20 -06:00

@fruworg commented on GitHub (May 19, 2022):

Возможно, также просто сделать иконки кнопок и добавить всплывающие подсказки с текстом.

Maybe, but this option is less clear. Why make icons, the meaning of which must still be solved, when you can just write in text.

@fruworg commented on GitHub (May 19, 2022): > Возможно, также просто сделать иконки кнопок и добавить всплывающие подсказки с текстом. Maybe, but this option is less clear. Why make icons, the meaning of which must still be solved, when you can just write in text.

GiteaMirror commented

2025-11-02 08:24:20 -06:00

@lunny commented on GitHub (May 19, 2022):

Возможно, также просто сделать иконки кнопок и добавить всплывающие подсказки с текстом.

Maybe, but this option is less clear. Why make icons, the meaning of which must still be solved, when you can just write in text.

icons have a fixed with and will not be affected by different languages.

@lunny commented on GitHub (May 19, 2022): > > Возможно, также просто сделать иконки кнопок и добавить всплывающие подсказки с текстом. > > Maybe, but this option is less clear. Why make icons, the meaning of which must still be solved, when you can just write in text. icons have a fixed with and will not be affected by different languages.

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